<template>
	<div>
		<el-row :gutter="24">
			<el-col :span="21">
				<el-row :gutter="24">
					<el-col :span="1" style="margin-right: 10px;">
						<p class="queryLabel">保险公司:</p>
					</el-col>
					<el-col :span="4">
						<el-select size="small" v-model="condition.insuranceCompanyId" placeholder="请选择保险公司" clearable>
							<el-option v-for="item in queryActiveCombo" :label="item.insuranceCompanyName" :value="item.id"></el-option>
						</el-select>
					</el-col>
					<el-col :span="1" style="margin-right: 10px;">
						<p class="queryLabel">销售专员:</p>
					</el-col>
					<el-col :span="4">
						<el-select size="small" v-model="condition.insuranceCommissionerName" filterable placeholder="选择人员" clearable>
							<el-option v-for="item in salePeopleCombo" :label="item.uname" :value="item.uname">
							</el-option>
						</el-select>
					</el-col>
					<el-col :span="1" style="margin-right: 10px;">
						<p class="queryLabel">审核状态:</p>
					</el-col>
					<el-col :span="4">
						<el-select size="small" v-model="condition.commissionType" placeholder="请选择审核状态" clearable>
							<el-option label="未提交" value="-1"></el-option>
							<el-option label="未审核" value="0"></el-option>
							<el-option label="审核通过" value="1"></el-option>
							<el-option label="审核未通过" value="2"></el-option>
						</el-select>

					</el-col>
					<el-col :span="1" style="margin-right: 10px;">
						<p class="queryLabel">类别:</p>
					</el-col>
					<el-col :span="4">
						<el-select size="small" v-model="condition.insuranceType" placeholder="请选择保单类别" clearable>
							<el-option label="正常" value="0"></el-option>
							<el-option label="追加" value="1"></el-option>
							<el-option label="退单" value="2"></el-option>
						</el-select>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :span="1" style="margin-right: 10px;">
						<p class="queryLabel">投保类别:</p>
					</el-col>
					<el-col :span="4">
						<el-select size="small" v-model="condition.insureType" placeholder="请选择投保类别" clearable>
							<el-option label="新保" value="sb"></el-option>
							<el-option label="续保" value="xb"></el-option>
						</el-select>
					</el-col>
					<el-col :span="5" style="margin-right: 10px;">
						<el-input size="small" :maxlength="200" style="width: 100%;" v-model="condition.plateNum" placeholder="请输入">
							<el-select size="small" v-model="condition.paramsKey " style="width: 90px;" placeholder="" slot="prepend">
								<el-option label="车牌号" value="plateNum"></el-option>
								<el-option label="VIN" value="vin"></el-option>
								<el-option label="保单号" value="contractNo"></el-option>
							</el-select>
						</el-input>
					</el-col>

					<el-col :span="1" style="margin-right: 10px;">
						<p class="queryLabel">返现状态:</p>
					</el-col>
					<el-col :span="4">
						<el-select size="small" v-model="condition.backType" placeholder="请选择返现状态" clearable>
							<el-option label="未返现" value="0"></el-option>
							<el-option label="已返现" value="1"></el-option>
						</el-select>
					</el-col>
					<el-col :span="1" style="margin-right: 10px;">
						<p class="queryLabel">保单类别:</p>
					</el-col>
					<el-col :span="4">
						<el-select size="small" v-model="condition.iscompulsoryinsurance" placeholder="请选择保单类型" clearable>
							<el-option label="单交强" value="0"></el-option>
							<el-option label="单商业" value="1"></el-option>
							<el-option label="交商共保" value="2"></el-option>
						</el-select>
					</el-col>

				</el-row>
				<el-row :gutter="24">
					<el-col :span="1" style="margin-right: 10px;">
						<p class="queryLabel">出单起始:</p>
					</el-col>
					<el-col :span="4">
						<el-date-picker size="small" style="width: 90%;" v-model="condition.outOrderStartDate" type="date" placeholder="起始日期">
						</el-date-picker>
					</el-col>
					<el-col :span="1" style="margin-right: 10px;">
						<p class="queryLabel">出单结束:</p>
					</el-col>
					<el-col :span="4">
						<el-date-picker size="small" style="width: 95%;" v-model="condition.outOrderStopDate" type="date" placeholder="结束日期">
						</el-date-picker>
					</el-col>
					<el-col :span="2">
						<el-button type="primary" size="small" v-on:click='orderQuery'>查询</el-button>
					</el-col>
					<el-col :span="10">
						<el-row :gutter="24">
							<el-col :span="24" style="text-align: right;">
								<el-button type="primary" size="small" v-on:click='orderAdd'>新增</el-button>

								<el-button type="primary" size="small" v-on:click='edit'>编辑</el-button>

								<el-button type="primary" size="small" v-on:click='Submit'>提交</el-button>

								<el-button type="primary" size="small" v-on:click='returnmoney'>返现</el-button>

								<el-button type="primary" size="small" v-on:click='Summary'>汇总</el-button>

								<el-button type="primary" size="small" v-on:click='AdditionalFunction'>追加</el-button>

								<el-button type="primary" size="small" v-on:click='backOrder'>退保</el-button>
							</el-col>
						</el-row>
						<el-row :gutter="24">
							<el-col :span="24" style="text-align: right;">
								<el-button type="primary" size="small" v-on:click='exportDayReport'>导出OA日报</el-button>

								<el-button type="primary" size="small" v-on:click='exportOA'>导出OA台账</el-button>

								<el-button type="primary" size="small" v-on:click='exportXb'>导出台账</el-button>
							</el-col>
						</el-row>
						<!--<el-submenu >
                            <template slot="title">我的工作台</template>
                            <el-menu-item index="1">选项1</el-menu-item>
                            <el-menu-item index="2">选项2</el-menu-item>
                            <el-menu-item index="2">选项3</el-menu-item>
                        </el-submenu>-->
					</el-col>
				</el-row>
			</el-col>
			<el-col :span="3" style="text-align: right;">
				<div>
					<table border="0" cellpadding="0" cellspacing="0" style="width: 125px;height: 60px;">
						<tr>
							<td style="background-color: #D8DCE5;height: 10px;width: 20px;"> </td>
							<td style="width: 5px;"></td>
							<td style="width: 100px;">未提交</td>
						</tr>
						<tr>
							<td style="height: 10px;width: 20px;"></td>
							<td style="width: 5px;"></td>
							<td style="width: 100px;"></td>
						</tr>
						<tr>
							<td style="background-color: #FF9900;height: 10px;width: 20px;"> </td>
							<td style="width: 5px;"></td>
							<td style="width: 100px;">未审核</td>
						</tr>
						<tr>
							<td style="height: 10px;width: 20px;"></td>
							<td style="width: 5px;"></td>
							<td style="width: 100px;"></td>
						</tr>
						<tr>
							<td style="background-color:#CC3300;height: 10px;width: 20px;"> </td>
							<td style="width: 5px;"></td>
							<td style="width: 100px;">审核未通过</td>
						</tr>
						<tr>
							<td style="height: 10px;width: 20px;"></td>
							<td style="width: 5px;"></td>
							<td style="width: 100px;"></td>
						</tr>
						<tr>
							<td style="background-color:#ffcccc;height: 10px;width: 20px;"> </td>
							<td style="width: 5px;"></td>
							<td style="width: 100px;">已修改完成</td>
						</tr>
					</table>
				</div>
			</el-col>
		</el-row>
		<el-row>
			<el-col :span="24">
				<el-table :data="tableData.dataList" border style="width: 100%;align-content: center;" @selection-change="handleSelectionChange" @row-dblclick="examine" :row-class-name="tableRowClassName">
					<el-table-column type="selection" width="60">
					</el-table-column>
					<el-table-column label="车牌号" prop="plateNum" width="100">
					</el-table-column>
					<el-table-column label="被保险人" align="right" prop="insured" width="90">
					</el-table-column>
					<el-table-column label="联系电话" align="right" prop="contactPhone" width="120">
					</el-table-column>
					<el-table-column label="投保公司" align="right" prop="insuranceCompanyName" width="200">
					</el-table-column>
					<el-table-column label="商业险合同号" align="right" prop="syContractNo" width="120">
					</el-table-column>
					<el-table-column label="商业险开始日期" align="right" prop="syStartDate" width="130">
					</el-table-column>
					<el-table-column label="商业险结束日期" align="right" prop="syStopDate" width="130">
					</el-table-column>
					<el-table-column label="商业险金额" align="right" prop="syPrice" width="120">
					</el-table-column>
					<el-table-column label="商业险佣金" align="right" prop="syCommissionPrice" width="110">
					</el-table-column>
					<el-table-column label="店端加投费率" align="right" prop="syAddCommission" :formatter="syAddCommission" width="120">
					</el-table-column>
					<el-table-column label="加投佣金" align="right" prop="syAddCommissionPrice" width="110">
					</el-table-column>
					<el-table-column label="店端抵现金额" align="right" prop="distcount" width="110">
					</el-table-column>
					<el-table-column label="交强险合同号" align="right" prop="jqContractNo" width="120">
					</el-table-column>
					<el-table-column label="交强险开始日期" align="right" prop="jqStartDate" width="130">
					</el-table-column>
					<el-table-column label="交强险结束日期" align="right" prop="jqStopDate" width="130">
					</el-table-column>
					<el-table-column label="交强险金额" align="right" prop="jqPrice" width="120">
					</el-table-column>
					<el-table-column label="交强险佣金" align="right" prop="jqCommissionPrice" width="110">
					</el-table-column>
					<el-table-column label="总佣金" align="right" :formatter="sumCommissionPrice" width="90">
					</el-table-column>
					<el-table-column label="返现金额" align="right" prop="backPrice" width="90">
					</el-table-column>
					<el-table-column label="返现状态" align="right" prop="backType" :formatter="backTypeCov" width="90">
					</el-table-column>
					<!--<el-table-column label="退单状态" align="right" prop="returnType" :formatter="returnTypeCov" width="90">
					</el-table-column>-->
				</el-table>
				<el-pagination small @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="CurentPage" :page-sizes="page.pageSizes" :page-size="page.pageSize" layout=" total,prev, pager, next" :total="tableData.total">
				</el-pagination>
			</el-col>
		</el-row>
		<el-dialog title="审核日志" v-model="examineShow" size="small">
			<el-row :gutter='24'>
				<el-table :data="tableDataList" border>
					<el-table-column label="审核人" prop="uName" width="100">
					</el-table-column>
					<el-table-column label="审核日期" prop="commissionDate" width="120">
					</el-table-column>
					<el-table-column label="审核说明" prop="remark">
					</el-table-column>
				</el-table>
			</el-row>
			<div slot="footer" class="dialog-footer">
				<el-button @click="examineShow = false">关 闭</el-button>
			</div>
		</el-dialog>

		<el-dialog title="车辆信息" v-model="comFormShow" size="small">
			<el-row :gutter="24">
				<el-col :span="2" style="margin-right:10px;">
					<p class="queryLabel">查询方式:</p>
				</el-col>
				<el-col :span="6">
					<el-select size="small" v-model="conditions.key" @change="queryTypeSave" placeholder="选择查询方法">
						<el-option v-for="item in moduleCombo" :label="item.label" :value="item.value">
						</el-option>
					</el-select>
				</el-col>
				<el-col :span="2" style="margin-right:10px;">
					<p class="queryLabel">查询内容:</p>
				</el-col>
				<el-col :span="6">
					<el-input size="small" style="margin-left:15px;" :maxlength="200" v-model="conditions.value" placeholder="请输入内容">
					</el-input>
				</el-col>
				<el-col :span="4" style="padding-left: 0px;text-align: right">
					<el-button type="primary" size="small" v-on:click='carQuery'>查询</el-button>
				</el-col>
			</el-row>
			<el-row>
				<el-col :span="24">
					<el-card class="box-card">
						<el-form :model="comFormData" ref="comForm" label-width="100px">
							<el-col :span="12">
								<el-form-item label="车牌号：" prop="plateNum">
									<el-input size="small" :maxlength="200" v-model="comFormData.plateNum" readonly></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="12">
								<el-form-item label="车型：" prop="carModel">
									<el-input size="small" :maxlength="200" v-model="comFormData.carModel" readonly></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="12">
								<el-form-item label="VIN：" prop="vin">
									<el-input size="small" :maxlength="200" v-model="comFormData.vin" readonly></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="12">
								<el-form-item label="车龄：" prop="carAge">
									<el-input size="small" :maxlength="200" v-model="comFormData.carAge" readonly></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="12">
								<el-form-item label="被保险人：" prop="insured">
									<el-input size="small" :maxlength="200" v-model="comFormData.insured" readonly placeholder=""></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="12">
								<el-form-item label="联系电话：" prop="contactPhone">
									<el-input size="small" :maxlength="200" v-model="comFormData.contactPhone" readonly placeholder=""></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="12">
								<el-form-item label="投保公司：" prop="insuranceCompany">
									<el-input size="small" :maxlength="200" v-model="comFormData.insuranceCompany" readonly placeholder=""></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="12">
								<el-form-item label="保险到期日：" prop="insuranceEndDate">
									<el-input size="small" :maxlength="200" v-model="comFormData.insuranceEndDate" readonly placeholder=""></el-input>
								</el-form-item>
							</el-col>
						</el-form>
					</el-card>
				</el-col>
			</el-row>
			<el-row :gutter="24">
				<el-col :span="24">
					<el-form ref="comForm" label-width="120px">
						<el-col :span="12">
							<el-form-item label="投保类别：" required v-if="QuotationFrom.paramQuotation.carId">
								<el-select size="small" style="width: 100%;" v-model="QuotationFrom.paramQuotation.insureType" placeholder="请选择保险类别" clearable>
									<el-option label="新保" value="sb"></el-option>
									<el-option label="续保" value="xb"></el-option>
								</el-select>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="投保起始日：" required v-if="QuotationFrom.paramQuotation.carId">
								<el-date-picker size="small" style="width: 95%;" v-model="QuotationFrom.paramQuotation.insuranceStartDate" format="yyyy-MM-dd" type="date" placeholder="开始时间">
								</el-date-picker>
							</el-form-item>
						</el-col>
						
						<el-col :span="12">
							<el-form-item label="一级区域：" required v-if="QuotationFrom.paramQuotation.carId">
								<el-select size="small" style="width: 100%;" v-model="QuotationFrom.paramQuotation.storePareaCode" @change="getStoreAreaCombo" placeholder="请选择一级区域">
									<el-option v-for="item in storePareaCombo" :label="item.label" :value="item.value">
									</el-option>
								</el-select>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="二级区域：" required v-if="QuotationFrom.paramQuotation.carId">
								<el-select size="small" style="width: 100%;" @change="getStoreNameCombo" v-model="QuotationFrom.paramQuotation.storeAreaCode" placeholder="请选择二级区域">
									<el-option v-for="item in storeAreaCombo" :label="item.label" :value="item.value">
									</el-option>
								</el-select>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="门店：" required v-if="QuotationFrom.paramQuotation.carId">
								<el-select size="small" style="width: 100%;" @change="getinsuranceCompany" v-model="QuotationFrom.paramQuotation.storeCode" placeholder="请选择门店">
									<el-option v-for="item in storeNameCombo" :label="item.label" :value="item.value">
									</el-option>
								</el-select>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="渠道：" required v-if="QuotationFrom.paramQuotation.carId">
								<el-select size="small" style="width: 100%;" v-model="QuotationFrom.paramQuotation.storeChanel" placeholder="请选择渠道">
									<el-option label="传统" value="0">
									</el-option>
									<el-option label="店销" value="1">
									</el-option>
									<el-option label="其他" value="2">
									</el-option>
								</el-select>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="保险公司：" required v-if="QuotationFrom.paramQuotation.carId">
								<el-select size="small" style="width: 100%;" @change="getTemplateShow('1')" v-model="QuotationFrom.paramQuotation.insuranceCompanyId" placeholder="选择保险公司">
									<el-option v-for="item in companyCombo" :label="item.label" :value="item.value">
									</el-option>
								</el-select>
							</el-form-item>
						</el-col>
					</el-form>
				</el-col>
			</el-row>
			<div slot="footer" class="dialog-footer" v-if="QuotationFrom.paramQuotation.carId">
				<el-button @click="comFormShow = false">取 消</el-button>
				<el-button type="primary" v-on:click='saveQuotation' v-loading.fullscreen.lock="fullscreenloading">提 交</el-button>
			</div>
		</el-dialog>

		<el-dialog title="新增保险单" v-model="orderShow" :before-close="comFormShowsClose" size="large">
			<el-row :gutter="24">
				<el-col :span="2" style="margin-right:10px;">
					<p class="queryLabel">投保起始日:</p>
				</el-col>
				<el-col :span="5">
					<el-date-picker size="small" style="width: 100%; margin-left: 4px;" disabled v-model="infoData.insuranceStartDate" format="yyyy-MM-dd" type="date" placeholder="开始时间">
					</el-date-picker>
				</el-col>
				<el-col :span="2" style="margin-right:10px;">
					<p class="queryLabel">投保结束日:</p>
				</el-col>
				<el-col :span="5">
					<el-date-picker size="small" style="width: 100%; margin-left: 4px;" disabled v-model="infoData.insuranceStopDate" format="yyyy-MM-dd" type="date" placeholder="结束时间">
					</el-date-picker>
				</el-col>
				<el-col :span="2" style="margin-right:10px;">
					<p class="queryLabel" style="color: red;">出单日期:</p>
				</el-col>
				<el-col :span="5">
					<el-date-picker size="small" style="width: 100%; margin-left: 4px;" v-model="orderFromData.outOrderDate" format="yyyy-MM-dd" type="date" placeholder="开始时间" @change="timeChange">
					</el-date-picker>
				</el-col>
			</el-row>
			<el-row>
				<el-col :span="24">
					<el-card class="box-carda">
						<el-form :model="infoData" ref="comForm" :rules="Rule" label-width="150px">
							<el-col :span="6">
								<el-form-item label="被保险人：" prop="insured">
									<el-input size="small" :maxlength="200" v-model="infoData.insured">
										<el-select v-model="infoData.source" style="width: 80px;" slot="prepend">
											<el-option label="个人" value="0"></el-option>
											<el-option label="单位" value="1"></el-option>
										</el-select>
									</el-input>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="被保险人证件号：" prop="insuredIdNumber">
									<el-input size="small" :maxlength="200" v-model="infoData.insuredIdNumber"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="被保险人地址：" prop="insuredAddress">
									<el-input size="small" :maxlength="200" v-model="infoData.insuredAddress"></el-input>
								</el-form-item>
							</el-col>
							<!--<el-col :span="6">
								<el-form-item label="邮编：" prop="postCode">
									<el-input size="small" :maxlength="200" v-model="infoData.postCode"></el-input>
								</el-form-item>
							</el-col>-->
							<el-col :span="6">
								<el-form-item label="联系人：" prop="contactName">
									<el-input size="small" :maxlength="200" v-model="infoData.contactName"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="联系电话：" prop="contactPhone">
									<el-input size="small" :maxlength="200" v-model="infoData.contactPhone"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="E_mail：" prop="email">
									<el-input size="small" :maxlength="200" v-model="infoData.email"></el-input>
								</el-form-item>
							</el-col>

							<el-col :span="6">
								<el-form-item label="车牌号：" prop="plateNum">
									<el-input size="small" :maxlength="200" v-model="infoData.plateNum" readonly></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="车型：" prop="carModel">
									<el-input size="small" :maxlength="200" realonly v-model="infoData.carModel" icon="search" :on-icon-click="chooseSearchModel"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="厂牌代码：" prop="label">
									<el-input placeholder="请输入厂牌代码" size="small" v-model="infoData.label"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="发动机号：" prop="engineNum">
									<el-input size="small" :maxlength="200" v-model="infoData.engineNum"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="车架号：" prop="vin">
									<el-input size="small" :maxlength="200" v-model="infoData.vin" readonly></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="发动机类型：" prop="carType">
									<el-input size="small" :maxlength="200" v-model="infoData.carType"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="排量/功率：" prop="power">
									<el-input size="small" :maxlength="200" v-model="infoData.power"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="载客/载重量：" prop="passengerWeight">
									<el-input size="small" :maxlength="200" v-model="infoData.passengerWeight"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="使用性质：" prop="useProperty">
									<el-input size="small" :maxlength="200" v-model="infoData.useProperty"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="行驶证车主：" prop="driverLicense">
									<el-input size="small" :maxlength="200" v-model="infoData.driverLicense"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="初次登记日期：" prop="firstRecordDate">
									<el-input size="small" v-model="infoData.firstRecordDate" placeholder="例如'2017-01-01'"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="实际价值：" prop="realValue">
									<el-input size="small" :maxlength="200" v-model="infoData.realValue"></el-input>
								</el-form-item>
							</el-col>
						</el-form>
					</el-card>
				</el-col>
			</el-row>
			<el-row>
				<div class="table-d" v-if="templateShow == '1'">
					<table border="1" cellspacing="1" cellpadding="10" style="color:rgb(103,106,108);font-size: 10px;width: 100%;border-collapse: collapse;">
						<tr>
							<td colspan="7">
								<el-col :span="8" style="text-align: left;">
									<b>保险报价单  </b>
								</el-col>
								<el-col :span="16" style="text-align: right;">
									<template v-if="radioSelect == '0'">
										<el-switch v-model="continuous" size="small" on-color="#13ce66" off-color="#ff4949" on-text="是" off-text="否" on-value="true" off-value="false">联保</el-switch>
										<span style="font-size: 14px;font-weight: 600;">&nbsp;联保&nbsp;&nbsp;</span>
									</template>
									<el-radio-group v-model="radioSelect" @change="radioSelectChange">
										<el-radio :label="0">单交强</el-radio>
										<el-radio :label="1">单商业</el-radio>
										<el-radio :label="2">交商共保</el-radio>
									</el-radio-group>

								</el-col>
							</td>
						</tr>
						<tr>
							<td style="width:25%;text-align: center;background-color: #55C0F1;color: #333333;"><b>主要投保险种  </b></td>
							<td style="width:15%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保额/限额 </b></td>
							<td style="width:10%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险费  </b></td>
							<td style="width:5%;text-align: center;background-color: #55C0F1;color: #333333;"><b>是否 </b></td>
							<td style="width:10%;text-align: center;background-color: #55C0F1;color: #333333;"><b>不计免赔保费  </b></td>
							<td style="width:25%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险险种</b></td>
							<td style="width:10%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险费</b></td>
						</tr>
						<tr>
							<td rowspan="1">
								<el-checkbox v-model="intem[2].starts" :disabled="sydisabled" @change="startChange('2')">车辆损失险</el-checkbox>
							</td>
							<td></td>
							<td rowspan="1"><input v-model="intem[2].price" class='table_input' v-on:blur="sumPrice"></td>
							<td rowspan="1" style="text-align: center;">
								<el-checkbox v-model="intem[3].starts" :disabled="sydisabled" @change="startChange('3')"></el-checkbox>
							</td>
							<td rowspan="1"><input v-model="intem[3].price" class='table_input' v-on:blur="sumPrice"></td>
							<td>
								<el-checkbox v-model="intem[1].starts" :disabled="jqdisabled" @change="startChange('1')">交强险</el-checkbox>
							</td>
							<td><input v-model="intem[1].price" class='table_input' v-on:blur="sumPrice">
							</td>
						</tr>
						<tr>
							<td rowspan="1">
								<el-checkbox v-model="intem[4].starts" :disabled="sydisabled" @change="startChange('4')">第三者责任险</el-checkbox>
							</td>
							<td rowspan="1">
								<el-select v-model="intem[4].limit" @change="quotaChange('4')" size="small">
									<el-option label="5万" value="50000"></el-option>
									<el-option label="10万" value="100000"></el-option>
									<el-option label="15万" value="150000"></el-option>
									<el-option label="20万" value="200000"></el-option>
									<el-option label="30万" value="300000"></el-option>
									<el-option label="50万" value="500000"></el-option>
									<el-option label="100万" value="1000000"></el-option>
									<el-option label="150万" value="1500000"></el-option>
									<el-option label="200万" value="2000000"></el-option>
								</el-select>
							</td>
							<td rowspan="1"><input v-model="intem[4].price" class='table_input' v-on:blur="sumPrice"></td>
							<td rowspan="1" style="text-align: center;">
								<el-checkbox v-model="intem[5].starts" :disabled="sydisabled" @change="startChange('5')"></el-checkbox>
							</td>
							<td rowspan="1"><input v-model="intem[5].price" class='table_input' v-on:blur="sumPrice"></td>
							<td>
								<el-checkbox v-model="intem[0].starts" style="color: red;" :disabled="jqdisabled" @change="startChange('0')">车船使用税</el-checkbox>
							</td>
							<td><input v-model="intem[0].price" class='table_input' v-on:blur="sumPrice">
							</td>
						</tr>
						<tr>
							<td>
								<el-checkbox v-model="intem[6].starts" :disabled="sydisabled" @change="startChange('6')">盗抢险</el-checkbox>
							</td>
							<td></td>
							<td><input v-model="intem[6].price" class='table_input' v-on:blur="sumPrice"></td>
							</td>

							<td style="text-align: center;">
								<el-checkbox v-model="intem[7].starts" :disabled="sydisabled" @change="startChange('7')"></el-checkbox>
							</td>
							<td><input v-model="intem[7].price" class='table_input' v-on:blur="sumPrice"></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td rowspan="1">
								<el-checkbox v-model="intem[8].starts" :disabled="sydisabled" @change="startChange('8')">车上人员责任险-司机</el-checkbox>
							</td>
							<td><input v-model="intem[8].limit" v-on:blur="quotaChange('8')" style="width: 90%;border-style:none;outline:medium;">万
							</td>
							<td><input v-model="intem[8].price" class='table_input' v-on:blur="sumPrice"></td>
							<td style="text-align: center;">
								<el-checkbox v-model="intem[10].starts" :disabled="sydisabled" @change="startChange('10')"></el-checkbox>
							</td>
							<td><input v-model="intem[10].price" class='table_input' v-on:blur="sumPrice"></td>
							<td>
								<el-checkbox v-model="intem[22].starts" :disabled="sydisabled" @change="startChange('22')">润华划痕险</el-checkbox>
							</td>
							<td><input v-model="intem[22].price" class='table_input' v-on:blur="sumPrice"></td>

						</tr>
						<tr>
							<td rowspan="1">
								<el-checkbox v-model="intem[9].starts" :disabled="sydisabled" @change="startChange('9')">车上人员责任险-乘客</el-checkbox>
							</td>
							<td><input v-model="intem[9].limit" v-on:blur="quotaChange('9')" style="width: 90%;border-style:none;outline:medium;">万</td>
							<td><input v-model="intem[9].price" class='table_input' v-on:blur="sumPrice"></td>
							<td style="text-align: center;">
								<el-checkbox v-model="intem[11].starts" :disabled="sydisabled" @change="startChange('11')"></el-checkbox>
							</td>
							<td><input v-model="intem[11].price" class='table_input' v-on:blur="sumPrice"></td>
							<td>
								<el-checkbox v-model="intem[23].starts" :disabled="sydisabled" @change="startChange('23')">续保手册</el-checkbox>
							</td>
							<td><input v-model="intem[23].price" class='table_input' v-on:blur="sumPrice"></td>

						</tr>
						<tr>
							<td>
								<el-checkbox v-model="intem[12].starts" :disabled="sydisabled" @change="startChange('12')">车身划痕险</el-checkbox>
							</td>
							<td></td>
							<td><input v-model="intem[12].price" class='table_input' v-on:blur="sumPrice"></td>
							<td style="text-align: center;">
								<el-checkbox v-model="intem[13].starts" :disabled="sydisabled" @change="startChange('13')"></el-checkbox>
							</td>
							<td><input v-model="intem[13].price" class='table_input' v-on:blur="sumPrice"></td>
							<td>
								<el-checkbox v-model="intem[21].starts" :disabled="sydisabled" @change="startChange('21')">车上货物责任险</el-checkbox>
							</td>
							<td><input v-model="intem[21].price" class='table_input' v-on:blur="sumPrice"></td>
						</tr>
						<tr>
							<td>
								<el-checkbox v-model="intem[18].starts" :disabled="sydisabled" @change="startChange('18')">玻璃单独玻璃险</el-checkbox>
							</td>
							<td></td>
							<td><input v-model="intem[18].price" class='table_input' v-on:blur="sumPrice"></td>
							<td></td>
							<td></td>
							<td>
								<el-checkbox v-model="intem[24].starts" :disabled="sydisabled" @change="startChange('24')">驾意险</el-checkbox>
							</td>
							<td><input v-model="intem[24].price" class='table_input' v-on:blur="sumPrice"></td>
						</tr>
						<tr>
							<td rowspan="1">
								<el-checkbox v-model="intem[20].starts" :disabled="sydisabled" @change="startChange('20')">机动车损失保险无法找到第三方特约险</el-checkbox>
							</td>
							<td></td>
							<td rowspan="1"><input v-model="intem[20].price" class='table_input' v-on:blur="sumPrice"></td>
							<td></td>
							<td></td>
							<td>
								<el-checkbox v-model="intem[19].starts" :disabled="sydisabled" @change="startChange('19')">润华玻璃险</el-checkbox>
							</td>
							<td><input v-model="intem[19].price" class='table_input' v-on:blur="sumPrice"></td>
						</tr>
						<tr>

							<td>
								<el-checkbox v-model="intem[14].starts" :disabled="sydisabled" @change="startChange('14')">自燃损失险</el-checkbox>
							</td>
							<td></td>
							<td><input v-model="intem[14].price" class='table_input' v-on:blur="sumPrice"></td>
							<td style="text-align: center;">
								<el-checkbox v-model="intem[15].starts" :disabled="sydisabled" @change="startChange('15')"></el-checkbox>
							</td>
							<td><input v-model="intem[15].price" class='table_input' v-on:blur="sumPrice"></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td>
								<el-checkbox v-model="intem[16].starts" :disabled="sydisabled" @change="startChange('16')">发动机涉水险</el-checkbox>
							</td>
							<td></td>
							<td><input v-model="intem[16].price" class='table_input' v-on:blur="sumPrice"></td>
							<td style="text-align: center;">
								<el-checkbox v-model="intem[17].starts" :disabled="sydisabled" @change="startChange('17')"></el-checkbox>
							</td>
							<td style="border-bottom-right-radius: 2px;"><input v-model="intem[17].price" class='table_input' v-on:blur="sumPrice"></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td>
								<el-checkbox v-model="intem[26].starts" :disabled="sydisabled" @change="startChange('26')">新增设备险</el-checkbox>
							</td>
							<td></td>
							<td><input v-model="intem[26].price" class='table_input' v-on:blur="sumPrice"></td>
							<td style="text-align: center;">
								<el-checkbox v-model="intem[27].starts" :disabled="sydisabled" @change="startChange('27')"></el-checkbox>
							</td>
							<td><input v-model="intem[27].price" class='table_input' v-on:blur="sumPrice"></td>
							<td></td>
							<td></td>
						</tr>
					</table>
				</div>
				<div class="table-d" v-if="templateShow == '0'||templateShow == 2">
					<table border="1" cellspacing="1" cellpadding="10" style="color:rgb(103,106,108);font-size: 10px;width: 100%;border-collapse: collapse;">
						<tr>
							<td colspan="7">
								<el-row :gutter="24">
									<el-col :span="8" style="text-align: left;">
										<b style="text-align: center;">保险报价单  </b>
									</el-col>
									<el-col :span="16" style="text-align: right;">
										<template v-if="radioSelect == '0'">
											<el-switch v-model="continuous" size="small" on-color="#13ce66" off-color="#ff4949" on-text="是" off-text="否" on-value="true" off-value="false">联保</el-switch>
											<span style="font-size: 14px;font-weight: 600;">&nbsp;联保&nbsp;&nbsp;</span>
										</template>
										<el-radio-group v-model="radioSelect" @change="radioSelectChange">
											<el-radio :label="0">单交强</el-radio>
											<el-radio :label="1">单商业</el-radio>
											<el-radio :label="2">交商共保</el-radio>
										</el-radio-group>
									</el-col>
								</el-row>
							</td>
						</tr>
						<tr>
							<td style="width:25%;text-align: center;background-color: #55C0F1;color: #333333;"><b>主要投保险种  </b></td>
							<td style="width:15%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保额/限额 </b></td>
							<td style="width:10%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险费  </b></td>
							<td style="width:25%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险险种</b></td>
							<td style="width:10%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险费</b></td>
						</tr>
						<tr>
							<td>
								<el-checkbox v-model="intem[1].starts" :disabled="jqdisabled" @change="startChangeTwo('1')">交强险</el-checkbox>
							</td>
							<td>
							</td>
							<td><input v-model="intem[1].price" class='table_input' v-on:blur="sumPrice">
							</td>
							<td>
								<el-checkbox v-model="intem[14].starts" :disabled="sydisabled" @change="startChangeTwo('14')">自燃损失险</el-checkbox>
							</td>
							<td><input v-model="intem[14].price" class='table_input' v-on:blur="sumPrice"></td>
						</tr>
						<tr>
							<td>
								<el-checkbox v-model="intem[0].starts" style="color: red;" :disabled="jqdisabled" @change="startChangeTwo('0')">车船使用税</el-checkbox>
							</td>
							<td>
							</td>
							<td><input v-model="intem[0].price" class='table_input' v-on:blur="sumPrice">
							</td>
							<td>
								<el-checkbox v-model="intem[21].starts" :disabled="sydisabled" @change="startChangeTwo('21')">车上货物责任险</el-checkbox>
							</td>
							<td><input v-model="intem[21].price" class='table_input' v-on:blur="sumPrice"></td>

						</tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[2].starts" :disabled="sydisabled" @change="startChangeTwo('2')">车辆损失险</el-checkbox>
						</td>
						<td></td>
						<td rowspan="1"><input v-model="intem[2].price" class='table_input' v-on:blur="sumPrice"></td>
						<td>
							<el-checkbox v-model="intem[16].starts" :disabled="sydisabled" @change="startChangeTwo('16')">发动机涉水险</el-checkbox>
						</td>

						<td><input v-model="intem[16].price" class='table_input' v-on:blur="sumPrice"></td>

						</tr>
						<tr>
							<td rowspan="1">
								<el-checkbox v-model="intem[4].starts" :disabled="sydisabled" @change="startChangeTwo('4')">第三者责任险</el-checkbox>
							</td>
							<td rowspan="1">
								<el-select v-model="intem[4].limit" size="small">
									<el-option label="5万" value="50000"></el-option>
									<el-option label="10万" value="100000"></el-option>
									<el-option label="15万" value="150000"></el-option>
									<el-option label="20万" value="200000"></el-option>
									<el-option label="30万" value="300000"></el-option>
									<el-option label="50万" value="500000"></el-option>
									<el-option label="100万" value="1000000"></el-option>
									<el-option label="150万" value="1500000"></el-option>
									<el-option label="200万" value="2000000"></el-option>
								</el-select>
							</td>
							<td rowspan="1"><input v-model="intem[4].price" class='table_input' v-on:blur="sumPrice"></td>

							<td>
								<el-checkbox v-model="intem[24].starts" :disabled="sydisabled" @change="startChangeTwo('24')">驾意险</el-checkbox>
							</td>
							<td><input v-model="intem[24].price" class='table_input' v-on:blur="sumPrice"></td>
						</tr>
						<tr>
							<td>
								<el-checkbox v-model="intem[6].starts" :disabled="sydisabled" @change="startChangeTwo('6')">盗抢险</el-checkbox>
							</td>
							<td></td>
							<td><input v-model="intem[6].price" class='table_input' v-on:blur="sumPrice"></td>
							</td>

							<td>
								<el-checkbox v-model="intem[19].starts" :disabled="sydisabled" @change="startChangeTwo('19')">润华玻璃险</el-checkbox>
							</td>
							<td><input v-model="intem[19].price" class='table_input' v-on:blur="sumPrice"></td>
						</tr>
						<tr>
							<td rowspan="1">
								<el-checkbox v-model="intem[8].starts" :disabled="sydisabled" @change="startChangeTwo('8')">车上人员责任险-司机</el-checkbox>
							</td>
							<td><input v-model="intem[8].limit" style="width: 90%;border-style:none;outline:medium;">万
							</td>
							<td><input v-model="intem[8].price" class='table_input' v-on:blur="sumPrice"></td>

							<td>
								<el-checkbox v-model="intem[22].starts" :disabled="sydisabled" @change="startChangeTwo('22')">润华划痕险</el-checkbox>
							</td>
							<td><input v-model="intem[22].price" class='table_input' v-on:blur="sumPrice"></td>

						</tr>
						<tr>
							<td rowspan="1">
								<el-checkbox v-model="intem[9].starts" :disabled="sydisabled" @change="startChangeTwo('9')">车上人员责任险-乘客</el-checkbox>
							</td>
							<td><input v-model="intem[9].limit" style="width: 90%;border-style:none;outline:medium;">万</td>
							<td><input v-model="intem[9].price" class='table_input' v-on:blur="sumPrice"></td>

							<td>
								<el-checkbox v-model="intem[23].starts" :disabled="sydisabled" @change="startChangeTwo('23')">续保手册</el-checkbox>
							</td>
							<td><input v-model="intem[23].price" class='table_input' v-on:blur="sumPrice"></td>

						</tr>
						<tr>
							<td>
								<el-checkbox v-model="intem[18].starts" :disabled="sydisabled" @change="startChangeTwo('18')">玻璃单独玻璃险</el-checkbox>
							</td>
							<td></td>
							<td><input v-model="intem[18].price" class='table_input' v-on:blur="sumPrice"></td>

							<td></td>
							<td></td>
						</tr>
						<tr>
							<td>
								<el-checkbox v-model="intem[12].starts" :disabled="sydisabled" @change="startChangeTwo('12')">车身划痕险</el-checkbox>
							</td>
							<td></td>
							<td><input v-model="intem[12].price" class='table_input' v-on:blur="sumPrice"></td>

							<td></td>
							<td></td>
						</tr>
						<tr>
							<td rowspan="1">
								<el-checkbox v-model="intem[20].starts" :disabled="sydisabled" @change="startChangeTwo('20')">机动车损失保险无法找到第三方特约险</el-checkbox>
							</td>
							<td></td>
							<td rowspan="1"><input v-model="intem[20].price" class='table_input' v-on:blur="sumPrice"></td>

							<td></td>
							<td></td>
						</tr>
						<tr v-if="templateShow != '2'">
							<td>
								<el-checkbox v-model="intem[25].starts" :disabled="sydisabled" @change="startChangeTwo('25')">不计免赔</el-checkbox>
							</td>
							<td></td>
							<td><input v-model="intem[25].price" class='table_input' v-on:blur="sumPrice"></td>

							<td></td>
							<td></td>
						</tr>
						<tr>
							<td>
								<el-checkbox v-model="intem[26].starts" :disabled="sydisabled" @change="startChangeTwo('26')">新增设备险</el-checkbox>
							</td>
							<td></td>
							<td><input v-model="intem[26].price" class='table_input' v-on:blur="sumPrice"></td>

							<td></td>
							<td></td>
						</tr>
					</table>
				</div>
			</el-row>
			<el-row :gutter="24">
				<el-col :span="2">
					<strong style="font-size: 15px;padding-top: 0px;">交强险价格:</strong>
				</el-col>
				<el-col :span="2">
					<strong style="font-size: 15px;padding-top: 0px;">{{jqxbj}}￥</strong>
				</el-col>
				<el-col :span="2">
					<strong style="font-size: 15px;padding-top: 0px;">车船税价格:</strong>
				</el-col>
				<el-col :span="2">
					<strong style="font-size: 15px;padding-top: 0px;">{{ccsjg}}￥</strong>
				</el-col>
				<el-col :span="2">
					<strong style="font-size: 15px;padding-top: 0px;">商业险价格:</strong>
				</el-col>
				<el-col :span="2">
					<strong style="font-size: 15px;padding-top: 0px;">{{syxbj}}￥</strong>
				</el-col>
				<el-col :span="2">
					<strong style="font-size: 15px;padding-top: 0px;">合计:</strong>
				</el-col>
				<el-col :span="2">
					<strong style="font-size: 15px;padding-top: 0px;">{{sum}}￥</strong>
				</el-col>
				<el-col :span="2" style="padding-top: 0px;text-align: right">
					<!--<el-button type="primary" size="small" v-on:click='sumPrice'>计算价格</el-button>-->
					<el-button type="primary" size="small" v-on:click='gift'>赠品</el-button>
				</el-col>
				<br><br>
			</el-row>
			<el-row :gutter="24">
				<el-col :span="24">
					<el-form :model="orderFromData" label-width="150px" ref="bxOrderForms">
						<el-collapse v-model="activeName" accordion>
							<el-collapse-item title="车辆保险" name="1">
								<el-col :span="8">
									<el-form-item label="交款人：" prop="payPeople">
										<el-input size="small" :maxlength="200" v-model="orderFromData.payPeople"></el-input>
									</el-form-item>
								</el-col>
								<el-col :span="8">
									<el-form-item label="支付方式：" prop="payType" required>
										<el-select size="small" v-model="orderFromData.payType" placeholder="选择方式">
											<el-option label="现金" value="1">
											</el-option>
											<el-option label="刷卡" value="2">
											</el-option>
											<el-option label="微信" value="3">
											</el-option>
											<el-option label="支付宝" value="4">
											</el-option>
										</el-select>
									</el-form-item>
								</el-col>
								<el-col :span="8">
									<el-form-item label="支付账号：" prop="payNum">
										<el-input size="small" :maxlength="200" v-model="orderFromData.payNum"></el-input>
									</el-form-item>
								</el-col>
							</el-collapse-item>
							<el-collapse-item title="商业险" name="2" v-if="radioSelect == 1 || radioSelect == 2 ">
								<el-col :span="8">
									<el-form-item label="商业险合同号：" prop="commercialinsuranceNum">
										<el-input size="small" :maxlength="200" v-model="orderFromData.commercialinsuranceNum"></el-input>
									</el-form-item>
								</el-col>
								<el-col :span="8">
									<el-form-item label="商业险协议费率：" prop="commissionSy" v-if="!orderFromData.isCommissionSyTemp" required>
										<el-input size="small" :maxlength="200" v-model="orderFromData.commissionSy" readonly>
											<template slot="append">%</template>
										</el-input>
									</el-form-item>
								</el-col>
								<el-col :span="8">
									<el-form-item prop="isCommissionSyTemp">
										<el-checkbox label="启用商业险临时费率 " name="type" v-model="orderFromData.isCommissionSyTemp"></el-checkbox>
									</el-form-item>
								</el-col>
								<el-col :span="16" v-if="orderFromData.isCommissionSyTemp">
									<el-row :span="24">
										<el-col :span="12">
											<el-form-item label="商业险临时费率：" prop="commissionSyTemp" required>
												<el-input size="small" style="width: 92%;" :maxlength="200" v-model="orderFromData.commissionSyTemp" type="number">
													<template slot="append">%</template>
												</el-input>
											</el-form-item>
										</el-col>
										<el-col :span="12">
											<el-form-item label="佣金说明：" prop="commissionSyExp">
												<el-input size="small" :maxlength="200" v-model="orderFromData.commissionSyExp"></el-input>
											</el-form-item>
										</el-col>
									</el-row>
								</el-col>
							</el-collapse-item>
							<el-collapse-item title="交强险" name="3" v-if="radioSelect == 0 || radioSelect == 2 ">
								<el-col :span="8">
									<el-form-item label="交强险合同号：" prop="compulsoryNum">
										<el-input size="small" :maxlength="200" v-model="orderFromData.compulsoryNum"></el-input>
									</el-form-item>
								</el-col>

								<el-col :span="8" v-if="!orderFromData.isCommissionJqTemp">
									<el-form-item label="交强险协议费率：" prop="commissionJq">
										<el-input size="small" :maxlength="200" v-model="orderFromData.commissionJq" readonly>
											<template slot="append">%</template>
										</el-input>
									</el-form-item>
								</el-col>
								<el-col :span="8">
									<el-form-item prop="isCommissionJqTemp">
										<el-checkbox label="启用交强险临时费率 " name="type" v-model="orderFromData.isCommissionJqTemp"></el-checkbox>
									</el-form-item>
								</el-col>
								<el-col :span="16" v-if="orderFromData.isCommissionJqTemp">
									<el-row :span="24">
										<el-col :span="12">
											<el-form-item label="交强险临时费率：" prop="commissionJqTemp">
												<el-input size="small" style="width: 92%;" v-model="orderFromData.commissionJqTemp" type="number">
													<template slot="append">%</template>
												</el-input>
											</el-form-item>
										</el-col>
										<el-col :span="12">
											<el-form-item label="交强险佣金说明：" prop="commissionJqExp">
												<el-input size="small" :maxlength="200" v-model="orderFromData.commissionJqExp"></el-input>
											</el-form-item>
										</el-col>
									</el-row>
								</el-col>
							</el-collapse-item>
							<el-collapse-item title="车船税" name="6"  v-if="radioSelect == 0 || radioSelect == 2 ">
								<el-col :span="8">
									<el-form-item label="交强险合同号：" prop="compulsoryNum">
										<el-input size="small" :maxlength="200" v-model="orderFromData.compulsoryNum"></el-input>
									</el-form-item>
								</el-col>
								<el-col :span="8" v-if="!orderFromData.isCommissionCcsTemp">
									<el-form-item label="车船税协议费率：" prop="commissionCcs">
										<el-input size="small" :maxlength="200" v-model="orderFromData.commissionCcs" readonly>
											<template slot="append">%</template>
										</el-input>
									</el-form-item>
								</el-col>
								<el-col :span="8">
									<el-form-item prop="isCommissionJqTemp">
										<el-checkbox label="启用车船税临时费率 " name="type" v-model="orderFromData.isCommissionCcsTemp"></el-checkbox>
									</el-form-item>
								</el-col>
								<el-col :span="16" v-if="orderFromData.isCommissionCcsTemp">
									<el-row :span="24">
										<el-col :span="12">
											<el-form-item label="车船税临时费率：" prop="commissionCcsTemp">
												<el-input size="small" style="width: 92%;" v-model="orderFromData.commissionCcsTemp" type="number">
													<template slot="append">%</template>
												</el-input>
											</el-form-item>
										</el-col>
										<el-col :span="12">
											<el-form-item label="车船税佣金说明：" prop="commissionCcsExp">
												<el-input size="small" :maxlength="200" v-model="orderFromData.commissionCcsExp"></el-input>
											</el-form-item>
										</el-col>
									</el-row>
								</el-col>
							</el-collapse-item>
							<el-collapse-item title="店端行为" name="5">
								<el-row :gutter="24">
									<el-col :span="8">
										<el-form-item label="推荐人：">
											<el-input size="small"  :maxlength="200" v-model="orderFromData.refereeName">
											</el-input>
										</el-form-item>
									</el-col>
									<el-col :span="8">
										<el-form-item label="店端加投金额：">
											<el-input size="small"  :maxlength="200" :readonly="addCommissionPriceReadonly" @change="addChangeFunction" v-model="orderFromData.addCommissionPrice" type="number">
												<template slot="append">元</template>
											</el-input>
										</el-form-item>
									</el-col>
									<el-col :span="8">
										<el-form-item label="店端抵现金额：">
											<el-input size="small" :maxlength="200" v-model="orderFromData.discount" type="number">
												<template slot="append">元</template>
											</el-input>
										</el-form-item>
									</el-col>
								</el-row>
							</el-collapse-item>
							<el-collapse-item title="其他" name="4">
								<el-col :span="8">
									<el-form-item label="基盘类别："  required>
										<el-select size="small" v-model="orderFromData.baseType" placeholder="选择项目">
											<el-option v-for="item in insTypeConvertData" :label="item.label" :value="item.id">
											</el-option>
										</el-select>
									</el-form-item>
								</el-col>
								<el-col :span="8">
									<el-form-item label="新车属性：" required>
										<el-select size="small" v-model="orderFromData.carProperty" placeholder="选择新车属性">
											<el-option label="新车金融" value="xcjr">
											</el-option>
											<el-option label="新车全款" value="xcqk">
											</el-option>
										</el-select>
									</el-form-item>
								</el-col>
								<el-col :span="8">
									<el-form-item label="车辆销售属性：" required>
										<el-select size="small" v-model="orderFromData.salesProperty" placeholder="选择新车属性">
											<el-option label="本地销" value="bdx">
											</el-option>
											<el-option label="外地销" value="wdx">
											</el-option>
										</el-select>
									</el-form-item>
								</el-col>
								<el-col :span="8">
									<el-form-item label="优惠费率：" prop="backPrice" required>
										<el-input size="small" :maxlength="200" style="width: 90%;" type="number" @change="backCommissionFunction" v-model="orderFromData.backCommission">
										</el-input>
									</el-form-item>
								</el-col>
								<el-col :span="8">
									<el-form-item label="返现金额：" prop="backPrice" required>
										<el-input disabled size="small" :maxlength="200" style="width: 90%;" type="number" v-model="orderFromData.backPrice">
											<template slot="append">元</template>
										</el-input>
									</el-form-item>
								</el-col>
								<el-col :span="8">
									<el-form-item label="销售专员：" prop="insuranceCommissionerId" required>
										<el-select size="small" v-model="orderFromData.insuranceCommissionerId" filterable placeholder="选择人员">
											<el-option v-for="item in salePeopleCombo" :label="item.uName" :value="item.id">
											</el-option>
										</el-select>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item label="优惠信息：" prop="discountInfo">
										<el-input size="small" :maxlength="200" v-model="orderFromData.discountInfo" type="textarea"></el-input>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item label="备注：" prop="remark">
										<el-input size="small" :maxlength="200" v-model="orderFromData.remark" type="textarea"></el-input>
									</el-form-item>
								</el-col>
							</el-collapse-item>
						</el-collapse>
					</el-form>
				</el-col>
			</el-row>
			<el-row :gutter="24">
				<el-col :span="24" style="padding-left: 0px;text-align: right">
					<el-button v-on:click='comFormShowsClose'>取消</el-button>
					<el-button type="primary" v-on:click='saveAll'>确认</el-button>

				</el-col>
			</el-row>
		</el-dialog>
		<el-dialog title="赠品选择窗" v-model="presentShow" size="small">
			<el-row :gutter="24">
				<el-col :span="3" style="margin-right:10px;">
					<p class="queryLabel">活动名称:</p>
				</el-col>
				<el-col :span="10">
					<el-select size="small" placeholder="市场活动" filterable v-model="presentData.activityId">
						<el-option :label="item.name" :value="item.id" v-for="item in activities">
						</el-option>
					</el-select>
				</el-col>
				<el-col :span="2">
					<el-button type="primary" size="small" @click="queryCoupon">查询</el-button>
				</el-col>
			</el-row>
			<el-row>
				<el-table :data="presentDataList" height="350" border>
					<el-table-column prop="name" label="所属活动">
					</el-table-column>
					<el-table-column label="优惠券号" prop="num">
					</el-table-column>
					<el-table-column label="有效期" prop="youxiaoqi" :formatter="timeFormates">
					</el-table-column>
					<el-table-column label="使用状态" :formatter="levelCov">
					</el-table-column>
					<el-table-column label="操作" width="100px">
						<template scope="scope">
							<el-button size="small" type="primary" @click="selectCoupon(scope.$index, scope.row)">添加</el-button>
						</template>
					</el-table-column>
				</el-table>
			</el-row>
		</el-dialog>
		<el-dialog title="返现" v-model="isRetMoney" size="mini">
			<el-form :model="presentData" label-width="130px">
				<el-col :span="12">
					<el-form-item label="交强险总价：" prop="">
						<el-input v-if="multipleSelection[0]" :maxlength="200" v-model="multipleSelection[0].jqPrice" readonly>
							<template slot="append">元</template>
						</el-input>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="商业险总价：" prop="">
						<el-input v-if="multipleSelection[0]" :maxlength="200" v-model="multipleSelection[0].syPrice" readonly>
							<template slot="append">元</template>
						</el-input>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="店端加投后佣金：">
						<el-input v-if="multipleSelection[0]" :maxlength="200" v-model="newYJNumber" readonly>
							<template slot="append">元</template>
						</el-input>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="店端抵现金额：">
						<el-input v-if="multipleSelection[0]" :maxlength="200" v-model="DDDXMoney" readonly>
							<template slot="append">元</template>
						</el-input>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="返现金额：" prop="backPrice">
						<el-input v-if="multipleSelection[0]" :maxlength="200" type="number" v-model="backpriceChange">
							<template slot="append">元</template>
						</el-input>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="返现日期：" prop="">
						<el-date-picker size="small" style="width: 95%;" v-model="backTime" format="yyyy-MM-dd" :editable=false type="date" placeholder="请选择返现日期">
						</el-date-picker>
					</el-form-item>
				</el-col>
				<el-col :span="24" style="padding-left: 0px;text-align: right;margin-bottom: 20px;">
					<el-button v-on:click='isRetMoney=false'>取消</el-button>
					<el-button type="primary" v-loading.fullscreen.lock="fullscreenloading" v-on:click='saveBackMoney'>确认</el-button>

				</el-col>
			</el-form>
		</el-dialog>
		<el-dialog title="赠品信息" size="small" v-model="persentShow">
			<el-row :span="24">
				<el-col :span="12">
					<strong>赠品信息</strong>
				</el-col>
				<el-col :span="12" style="text-align: right;">
					<el-button type="info" size="small" @click="addPresent">增加</el-button>
				</el-col>
			</el-row>
			<el-row :span="24">
				<el-table :data="pretableData.dataList" height="200" border>
					<el-table-column prop="name" label="活动名称">
					</el-table-column>
					<el-table-column label="优惠券号" prop="num">
					</el-table-column>
					<el-table-column label="操作" width="100px">
						<template scope="scope">
							<el-button size="small" type="danger" @click="presentDelete(scope.$index, scope.row)">删除</el-button>
						</template>
					</el-table-column>
				</el-table>
			</el-row>
		</el-dialog>
		<el-dialog title="选择车型" v-model="searchCarShow" size="small">
			<el-row :gutter="24">
				<el-col :span="11" style="margin-left:5px;">
				</el-col>
				<el-col :span="24" style="margin-left:5px;">
					<div style="height: 3em;"></div>
				</el-col>
				<el-col :span="24" style="margin-left:5px; height: 250px;overflow: scroll;">
					<el-tree :data="SearchTreeData" :filter-node-method="filterNode" :highlight-current=true :props="defaultProps" accordion @node-click="searchNodeClick" :auto-expand-parent=false node-key="id"></el-tree>
				</el-col>
			</el-row>

			<div slot="footer" class="dialog-footer">
				<el-button @click="searchCarShow = false">取 消</el-button>
				<el-button type="primary" @click="serchSaveCar">提 交</el-button>
			</div>
		</el-dialog>
		<el-dialog title="修改保险单" v-model="editShow" size="large">
			<div class="table-d" v-if="templateShow == '1'">
				<table border="1" cellspacing="1" cellpadding="10" style="color:rgb(103,106,108);font-size: 10px;width: 100%;border-collapse: collapse;">
					<tr>
						<td colspan="7"><b style="text-align: center;">保险报价单  </b></td>
					</tr>
					<tr>
						<td style="width:25%;text-align: center;background-color: #55C0F1;color: #333333;"><b>主要投保险种  </b></td>
						<td style="width:15%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保额/限额 </b></td>
						<td style="width:10%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险费  </b></td>
						<td style="width:5%;text-align: center;background-color: #55C0F1;color: #333333;"><b>是否 </b></td>
						<td style="width:10%;text-align: center;background-color: #55C0F1;color: #333333;"><b>不计免赔保费  </b></td>
						<td style="width:25%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险险种</b></td>
						<td style="width:10%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险费</b></td>
					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[2].starts" @change="startChange('2')">车辆损失险</el-checkbox>
						</td>
						<td></td>
						<td rowspan="1"><input v-model="intem[2].price" class='table_input' v-on:blur="sumPrice"></td>
						<td rowspan="1" style="text-align: center;">
							<el-checkbox v-model="intem[3].starts" @change="startChange('3')"></el-checkbox>
						</td>
						<td rowspan="1"><input v-model="intem[3].price" class='table_input' v-on:blur="sumPrice"></td>
						<td>
							<el-checkbox v-model="intem[1].starts" @change="startChange('1')">交强险</el-checkbox>
						</td>
						<td><input v-model="intem[1].price" class='table_input' v-on:blur="sumPrice">
						</td>
					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[4].starts" @change="startChange('4')">第三者责任险</el-checkbox>
						</td>
						<td rowspan="1">
							<el-select v-model="intem[4].limit" @change="quotaChange('4')" size="small">
								<el-option label="5万" value="50000"></el-option>
								<el-option label="10万" value="100000"></el-option>
								<el-option label="15万" value="150000"></el-option>
								<el-option label="20万" value="200000"></el-option>
								<el-option label="30万" value="300000"></el-option>
								<el-option label="50万" value="500000"></el-option>
								<el-option label="100万" value="1000000"></el-option>
								<el-option label="150万" value="1500000"></el-option>
								<el-option label="200万" value="2000000"></el-option>
							</el-select>
						</td>
						<td rowspan="1"><input v-model="intem[4].price" class='table_input' v-on:blur="sumPrice"></td>
						<td rowspan="1" style="text-align: center;">
							<el-checkbox v-model="intem[5].starts" @change="startChange('5')"></el-checkbox>
						</td>
						<td rowspan="1"><input v-model="intem[5].price" class='table_input' v-on:blur="sumPrice"></td>
						<td>
							<el-checkbox v-model="intem[0].starts" style="color: red;" @change="startChange('0')">车船使用税</el-checkbox>
						</td>
						<td><input v-model="intem[0].price" class='table_input' v-on:blur="sumPrice">
						</td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[6].starts" @change="startChange('6')">盗抢险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[6].price" class='table_input' v-on:blur="sumPrice"></td>
						</td>

						<td style="text-align: center;">
							<el-checkbox v-model="intem[7].starts" @change="startChange('7')"></el-checkbox>
						</td>
						<td><input v-model="intem[7].price" class='table_input' v-on:blur="sumPrice"></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[8].starts" @change="startChange('8')">车上人员责任险-司机</el-checkbox>
						</td>
						<td><input v-model="intem[8].limit" v-on:blur="quotaChange('8')" style="width: 90%;border-style:none;outline:medium;">万
						</td>
						<td><input v-model="intem[8].price" class='table_input' v-on:blur="sumPrice"></td>
						<td style="text-align: center;">
							<el-checkbox v-model="intem[10].starts" @change="startChange('10')"></el-checkbox>
						</td>
						<td><input v-model="intem[10].price" class='table_input' v-on:blur="sumPrice"></td>
						<td>
							<el-checkbox v-model="intem[22].starts" @change="startChange('22')">润华划痕险</el-checkbox>
						</td>
						<td><input v-model="intem[22].price" class='table_input' v-on:blur="sumPrice"></td>

					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[9].starts" @change="startChange('9')">车上人员责任险-乘客</el-checkbox>
						</td>
						<td><input v-model="intem[9].limit" v-on:blur="quotaChange('9')" style="width: 90%;border-style:none;outline:medium;">万</td>
						<td><input v-model="intem[9].price" class='table_input' v-on:blur="sumPrice"></td>
						<td style="text-align: center;">
							<el-checkbox v-model="intem[11].starts" @change="startChange('11')"></el-checkbox>
						</td>
						<td><input v-model="intem[11].price" class='table_input' v-on:blur="sumPrice"></td>
						<td>
							<el-checkbox v-model="intem[23].starts" @change="startChange('23')">续保手册</el-checkbox>
						</td>
						<td><input v-model="intem[23].price" class='table_input' v-on:blur="sumPrice"></td>

					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[12].starts" @change="startChange('12')">车身划痕险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[12].price" class='table_input' v-on:blur="sumPrice"></td>
						<td style="text-align: center;">
							<el-checkbox v-model="intem[13].starts" @change="startChange('13')"></el-checkbox>
						</td>
						<td><input v-model="intem[13].price" class='table_input' v-on:blur="sumPrice"></td>
						<td>
							<el-checkbox v-model="intem[21].starts" @change="startChange('21')">车上货物责任险</el-checkbox>
						</td>
						<td><input v-model="intem[21].price" class='table_input' v-on:blur="sumPrice"></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[18].starts" @change="startChange('18')">玻璃单独玻璃险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[18].price" class='table_input' v-on:blur="sumPrice"></td>
						<td></td>
						<td></td>
						<td>
							<el-checkbox v-model="intem[24].starts" @change="startChange('24')">驾意险</el-checkbox>
						</td>
						<td><input v-model="intem[24].price" class='table_input' v-on:blur="sumPrice"></td>
					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[20].starts" @change="startChange('20')">机动车损失保险无法找到第三方特约险</el-checkbox>
						</td>
						<td></td>
						<td rowspan="1"><input v-model="intem[20].price" class='table_input' v-on:blur="sumPrice"></td>
						<td></td>
						<td></td>
						<td>
							<el-checkbox v-model="intem[19].starts" @change="startChange('19')">润华玻璃险</el-checkbox>
						</td>
						<td><input v-model="intem[19].price" class='table_input' v-on:blur="sumPrice"></td>
					</tr>
					<tr>

						<td>
							<el-checkbox v-model="intem[14].starts" @change="startChange('14')">自燃损失险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[14].price" class='table_input' v-on:blur="sumPrice"></td>
						<td style="text-align: center;">
							<el-checkbox v-model="intem[15].starts" @change="startChange('15')"></el-checkbox>
						</td>
						<td><input v-model="intem[15].price" class='table_input' v-on:blur="sumPrice"></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[16].starts" @change="startChange('16')">发动机涉水险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[16].price" class='table_input' v-on:blur="sumPrice"></td>
						<td style="text-align: center;">
							<el-checkbox v-model="intem[17].starts" @change="startChange('17')"></el-checkbox>
						</td>
						<td style="border-bottom-right-radius: 2px;"><input v-model="intem[17].price" class='table_input' v-on:blur="sumPrice"></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[26].starts" @change="startChange('26')">新增设备险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[26].price" class='table_input' v-on:blur="sumPrice"></td>
						<td style="text-align: center;">
							<el-checkbox v-model="intem[27].starts" @change="startChange('27')"></el-checkbox>
						</td>
						<td><input v-model="intem[27].price" class='table_input' v-on:blur="sumPrice"></td>
						<td></td>
						<td></td>
					</tr>
				</table>
			</div>
			<div class="table-d" v-if="templateShow == '0'||templateShow == '2'">
				<table border="1" cellspacing="1" cellpadding="10" style="color:rgb(103,106,108);font-size: 10px;width: 100%;border-collapse: collapse;">
					<tr>
						<td colspan="7"><b style="text-align: center;">保险报价单  </b></td>
					</tr>
					<tr>
						<td style="width:25%;text-align: center;background-color: #55C0F1;color: #333333;"><b>主要投保险种  </b></td>
						<td style="width:15%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保额/限额 </b></td>
						<td style="width:10%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险费  </b></td>
						<td style="width:25%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险险种</b></td>
						<td style="width:10%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险费</b></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[1].starts" @change="startChangeTwo('1')">交强险</el-checkbox>
						</td>
						<td>
						</td>
						<td><input v-model="intem[1].price" class='table_input' v-on:blur="sumPrice">
						</td>
						<td>
							<el-checkbox v-model="intem[14].starts" @change="startChangeTwo('14')">自燃损失险</el-checkbox>
						</td>

						<td><input v-model="intem[14].price" class='table_input' v-on:blur="sumPrice"></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[0].starts" style="color: red;" @change="startChangeTwo('0')">车船使用税</el-checkbox>
						</td>
						<td>
						</td>
						<td><input v-model="intem[0].price" class='table_input' v-on:blur="sumPrice">
						</td>

						<td>
							<el-checkbox v-model="intem[21].starts" @change="startChangeTwo('21')">车上货物责任险</el-checkbox>
						</td>
						<td><input v-model="intem[21].price" class='table_input' v-on:blur="sumPrice"></td>

					</tr>
					<td rowspan="1">
						<el-checkbox v-model="intem[2].starts" @change="startChangeTwo('2')">车辆损失险</el-checkbox>
					</td>
					<td></td>
					<td rowspan="1"><input v-model="intem[2].price" class='table_input' v-on:blur="sumPrice"></td>
					<td>
						<el-checkbox v-model="intem[16].starts" @change="startChangeTwo('16')">发动机涉水险</el-checkbox>
					</td>

					<td><input v-model="intem[16].price" class='table_input' v-on:blur="sumPrice"></td>

					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[4].starts" @change="startChangeTwo('4')">第三者责任险</el-checkbox>
						</td>
						<td rowspan="1">
							<el-select v-model="intem[4].limit" size="small">
								<el-option label="5万" value="50000"></el-option>
								<el-option label="10万" value="100000"></el-option>
								<el-option label="15万" value="150000"></el-option>
								<el-option label="20万" value="200000"></el-option>
								<el-option label="30万" value="300000"></el-option>
								<el-option label="50万" value="500000"></el-option>
								<el-option label="100万" value="1000000"></el-option>
								<el-option label="150万" value="1500000"></el-option>
								<el-option label="200万" value="2000000"></el-option>
							</el-select>
						</td>
						<td rowspan="1"><input v-model="intem[4].price" class='table_input' v-on:blur="sumPrice"></td>

						<td>
							<el-checkbox v-model="intem[24].starts" @change="startChangeTwo('24')">驾意险</el-checkbox>
						</td>
						<td><input v-model="intem[24].price" class='table_input' v-on:blur="sumPrice"></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[6].starts" @change="startChangeTwo('6')">盗抢险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[6].price" class='table_input' v-on:blur="sumPrice"></td>
						</td>

						<td>
							<el-checkbox v-model="intem[19].starts" @change="startChangeTwo('19')">润华玻璃险</el-checkbox>
						</td>
						<td><input v-model="intem[19].price" class='table_input' v-on:blur="sumPrice"></td>
					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[8].starts" @change="startChangeTwo('8')">车上人员责任险-司机</el-checkbox>
						</td>
						<td><input v-model="intem[8].limit" style="width: 90%;border-style:none;outline:medium;">万
						</td>
						<td><input v-model="intem[8].price" class='table_input' v-on:blur="sumPrice"></td>

						<td>
							<el-checkbox v-model="intem[22].starts" @change="startChangeTwo('22')">润华划痕险</el-checkbox>
						</td>
						<td><input v-model="intem[22].price" class='table_input' v-on:blur="sumPrice"></td>

					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[9].starts" @change="startChangeTwo('9')">车上人员责任险-乘客</el-checkbox>
						</td>
						<td><input v-model="intem[9].limit" style="width: 90%;border-style:none;outline:medium;">万</td>
						<td><input v-model="intem[9].price" class='table_input' v-on:blur="sumPrice"></td>

						<td>
							<el-checkbox v-model="intem[23].starts" @change="startChangeTwo('23')">续保手册</el-checkbox>
						</td>
						<td><input v-model="intem[23].price" class='table_input' v-on:blur="sumPrice"></td>

					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[18].starts" @change="startChangeTwo('18')">玻璃单独玻璃险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[18].price" class='table_input' v-on:blur="sumPrice"></td>

						<td></td>
						<td></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[12].starts" @change="startChangeTwo('12')">车身划痕险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[12].price" class='table_input' v-on:blur="sumPrice"></td>

						<td></td>
						<td></td>
					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[20].starts" @change="startChangeTwo('20')">机动车损失保险无法找到第三方特约险</el-checkbox>
						</td>
						<td></td>
						<td rowspan="1"><input v-model="intem[20].price" class='table_input' v-on:blur="sumPrice"></td>

						<td></td>
						<td></td>
					</tr>
					<tr v-if="templateShow != '2'">
						<td>
							<el-checkbox v-model="intem[25].starts" @change="startChangeTwo('25')">不计免赔</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[25].price" class='table_input' v-on:blur="sumPrice"></td>

						<td></td>
						<td></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[26].starts" @change="startChangeTwo('26')">新增设备险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[26].price" class='table_input' v-on:blur="sumPrice"></td>

						<td></td>
						<td></td>
					</tr>
				</table>
			</div>
			<div>
				<el-row :gutter="24">
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">交强险价格:</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">{{jqxbj}}￥</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">车船税价格:</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">{{ccsjg}}￥</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">商业险价格:</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">{{syxbj}}￥</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">合计:</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">{{sum}}￥</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">返现金额:</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">{{insuranceOrder.backPrice}}￥</strong>
					</el-col>
					<br><br>
				</el-row>
				<el-row :gutter="24" v-if="editOrderSyShow">
					<el-col :span="2" style="margin-right:10px;">
						<p class="queryLabel">商业险合同号:</p>
					</el-col>
					<el-col :span="4">
						<el-input size="small" :maxlength="200" v-model="insuranceOrder.commercialinsuranceNum"></el-input>
					</el-col>
					<el-col :span="2" style="margin-right:10px;">
						<p class="queryLabel">商业协议费率:</p>
					</el-col>
					<el-col :span="4">
						<el-input size="small" :maxlength="200" v-model="insuranceOrder.commissionSy" readonly>
							<template slot="append">%</template>
						</el-input>
					</el-col>

					<el-col :span="4" style="margin-left: -20px;text-align: center;">
						<el-checkbox label="启用商业险临时费率 " @change="syChange" v-model="insuranceOrder.isCommissionSyTemp"></el-checkbox>
					</el-col>
				</el-row>
				<el-row :gutter="24" v-if="editOrderSyShow">

					<el-col :span="2" style="margin-right:10px;" v-if="insuranceOrder.isCommissionSyTemp">
						<p class="queryLabel">商业临时费率:</p>
					</el-col>
					<el-col :span="4" v-if="insuranceOrder.isCommissionSyTemp">
						<el-input style="width: 95%;" size="small" v-model="insuranceOrder.commissionSyTemp" type="number" @change="handleChange">
							<template slot="append">%</template>
						</el-input>
					</el-col>

					<el-col :span="2" style="margin-right:10px;" v-if="insuranceOrder.isCommissionSyTemp">
						<p class="queryLabel">佣金说明:</p>
					</el-col>
					<el-col :span="4" v-if="insuranceOrder.isCommissionSyTemp">
						<el-input size="small" :maxlength="200" v-model="insuranceOrder.commissionSyExp"></el-input>
					</el-col>

				</el-row>
				<el-row :gutter="24">
					<el-col :span="2" style="margin-right:10px;">
						<p class="queryLabel">店端加投费率:</p>
					</el-col>
					<el-col :span="4">
						<el-input size="small" :maxlength="200" placeholder="费率和金额只能填写一个" :readonly="addCommissionReadonly" @change="addChangeFunction" v-model="insuranceOrder.addCommission" type="number">
							<template slot="append">%</template>
						</el-input>
					</el-col>
					<el-col :span="2" style="margin-right:10px;">
						<p class="queryLabel">店端加投金额:</p>
					</el-col>
					<el-col :span="4">
						<el-input size="small" :maxlength="200" placeholder="费率和金额只能填写一个" :readonly="addCommissionPriceReadonly" @change="addChangeFunction" v-model="insuranceOrder.addCommissionPrice" type="number">
							<template slot="append">元</template>
						</el-input>
					</el-col>
					<el-col :span="2" style="margin-right:10px;">
						<p class="queryLabel">店端抵现金额:</p>
					</el-col>
					<el-col :span="4">
						<el-input size="small" :maxlength="200" v-model="insuranceOrder.distcount" type="number">
							<template slot="append">元</template>
						</el-input>
					</el-col>
				</el-row>

				<el-row :gutter="24" v-if="editOrderJqShow">
					<el-col :span="2" style="margin-right:10px;">
						<p class="queryLabel">交强险合同号:</p>
					</el-col>
					<el-col :span="4">
						<el-input size="small" :maxlength="200" v-model="insuranceOrder.compulsoryNum"></el-input>
					</el-col>
					<el-col :span="2" style="margin-right:10px;">
						<p class="queryLabel">交强协议费率:</p>
					</el-col>
					<el-col :span="4">
						<el-input size="small" :maxlength="200" v-model="insuranceOrder.commissionJq" readonly>
							<template slot="append">%</template>
						</el-input>
					</el-col>
					<el-col :span="4" style="margin-left: -20px;text-align: center;">
						<el-checkbox label="启用交强险临时费率 " @change="jqChange" v-model="insuranceOrder.isCommissionJqTemp"></el-checkbox>
					</el-col>
				</el-row>
				<el-row :gutter="24" v-if="editOrderJqShow">
					<el-col :span="2" style="margin-right:10px;" v-if="insuranceOrder.isCommissionJqTemp">
						<p class="queryLabel">交强临时费率:</p>
					</el-col>
					<el-col :span="4" v-if="insuranceOrder.isCommissionJqTemp">
						<el-input style="width: 95%;" size="small" v-model="insuranceOrder.commissionJqTemp" type="number">
							<template slot="append">%</template>
						</el-input>
					</el-col>
					<el-col :span="2" style="margin-right:10px;" v-if="insuranceOrder.isCommissionJqTemp">
						<p class="queryLabel">佣金说明:</p>
					</el-col>
					<el-col :span="4" v-if="insuranceOrder.isCommissionJqTemp">
						<el-input size="small" :maxlength="200" v-model="insuranceOrder.commissionJqExp"></el-input>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :span="24" style="text-align: right;">
						<el-button size="small" v-on:click='editShow=false'>取消</el-button>
						<el-button type="primary" size="small" v-on:click='saveEdit' v-loading.fullscreen.lock="fullscreenloading">确认</el-button>

					</el-col>
				</el-row>
			</div>
		</el-dialog>
		<el-dialog title="报价预警" v-model="yujingShow" size="tiny">
			<el-row :gutter="24">
				<el-col :span="24">
					<span>{{yujingMsg}}</span>
				</el-col>
			</el-row>
			<el-row :gutter="24">
				<el-col :span="24" style="padding-left: 0px;text-align: right;margin-bottom: 20px;">
					<el-button v-on:click='yujingShow=false'>取消</el-button>
					<el-button type="primary" v-loading.fullscreen.lock="fullscreenloading" v-on:click='yujingSave'>确认</el-button>

				</el-col>
			</el-row>
		</el-dialog>
		<el-dialog title="价格确认" v-model="sureShow" size="tiny">
			<el-row :gutter="24">
				<el-col :span="24">
					<el-form label-width="100px">
						<el-col :span="24">
							<el-form-item label="商业险价格:" prop="">
								<span>{{syxbj}} 元</span>
							</el-form-item>
						</el-col>
						<el-col :span="24">
							<el-form-item label="交强险价格:" prop="">
								<span>{{jqxbj}} 元</span>
							</el-form-item>
						</el-col>
						<el-col :span="24">
							<el-form-item label="车船税价格:" prop="">
								<span>{{ccsjg}} 元</span>
							</el-form-item>
						</el-col>

						<el-col :span="24">
							<el-form-item label="合计:" prop="">
								<span>{{sum}} 元</span>
							</el-form-item>
						</el-col>
					</el-form>
				</el-col>
			</el-row>
			<el-row :gutter="24">
				<el-col :span="24" style="padding-left: 0px;text-align: right;margin-bottom: 20px;">
					<el-button v-on:click='sureShow=false'>取消</el-button>
					<el-button type="primary" v-loading.fullscreen.lock="fullscreenloading" v-on:click='savePrice'>确认</el-button>

				</el-col>
			</el-row>
		</el-dialog>
		<el-dialog title="客户档案维护" v-model="customerShow" size="small">
			<el-form :model="customerData" ref="customer" :rules="customerRule" label-width="150px">
				<el-col :span="12">
					<el-form-item label="被保险人：" prop="insured">
						<el-input size="small" :maxlength="200" @change="peopleChange" v-model="customerData.insured">
							<el-select v-model="customerData.source" style="width: 80px;" slot="prepend">
								<el-option label="个人" value="0"></el-option>
								<el-option label="单位" value="1"></el-option>
							</el-select>
						</el-input>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="被保险人证件号：" prop="insuredIdNumber">
						<el-input size="small" :maxlength="200" v-model="customerData.insuredIdNumber"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="联系电话：" prop="contactPhone">
						<el-input size="small" :maxlength="200" v-model="customerData.contactPhone"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="车架号：" prop="vin">
						<el-input size="small" :maxlength="200" v-model="customerData.vin"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="车型：" prop="carModel">
						<!--<el-input size="small" v-model="customerData.carModel"></el-input>-->
						<el-input placeholder="请选择车型" :maxlength="200" size="small" icon="search" v-model="customerData.carModel" :on-icon-click="handleIconClick">
						</el-input>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="初次登记日期：" required>
						<!--<el-input size="small" v-model="customerData.firstRecordDates"></el-input>-->
						<el-date-picker size="small" style="width: 95%;" v-model="customerData.firstRecordDate" format="yyyy-MM-dd" type="date" placeholder="初次登记日期">
						</el-date-picker>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="厂牌型号：">
						<el-input size="small" :maxlength="200" v-model="customerData.label"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="被保险人地址：">
						<el-input size="small" :maxlength="200" v-model="customerData.insuredAddress"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="邮编：">
						<el-input size="small" :maxlength="200" v-model="customerData.postCode"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="联系人：">
						<el-input size="small" :maxlength="200" v-model="customerData.contactName"></el-input>
					</el-form-item>
				</el-col>

				<el-col :span="12">
					<el-form-item label="E_mail：">
						<el-input size="small" :maxlength="200" v-model="customerData.email"></el-input>
					</el-form-item>
				</el-col>

				<el-col :span="12">
					<el-form-item label="车牌号：">
						<el-input size="small" :maxlength="200" v-model="customerData.plateNum"></el-input>
					</el-form-item>
				</el-col>

				<el-col :span="12">
					<el-form-item label="发动机号：">
						<el-input size="small" :maxlength="200" v-model="customerData.engineNum"></el-input>
					</el-form-item>
				</el-col>

				<el-col :span="12">
					<el-form-item label="新车属性：">
						<el-select size="small" style="width: 100%;" v-model="customerData.carProperty" placeholder="选择新车属性">
							<el-option label="新车金融" value="xcjr">
							</el-option>
							<el-option label="新车全款" value="xcqk">
							</el-option>
						</el-select>
					</el-form-item>
				</el-col>

				<el-col :span="12">
					<el-form-item label="销售属性：">
						<el-select size="small" style="width: 100%;" v-model="customerData.salesProperty" placeholder="选择销售属性">
							<el-option label="本地销" value="bdx">
							</el-option>
							<el-option label="外地销" value="wdx">
							</el-option>
						</el-select>
					</el-form-item>
				</el-col>

				<el-col :span="12">
					<el-form-item label="发动机类型：" prop="carType">
						<el-input size="small" :maxlength="200" v-model="customerData.carType"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="排量/功率：" prop="power">
						<el-input size="small" :maxlength="200" v-model="customerData.power"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="载客/载重量：" prop="passengerWeight">
						<el-input size="small" :maxlength="200" v-model="customerData.passengerWeight"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="使用性质：" prop="useProperty">
						<el-input size="small" :maxlength="200" v-model="customerData.useProperty"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="行驶证车主：" prop="driverLicense">
						<el-input size="small" :maxlength="200" v-model="customerData.driverLicense"></el-input>
					</el-form-item>
				</el-col>

				<el-col :span="12">
					<el-form-item label="实际价值：" prop="realValue">
						<el-input size="small" :maxlength="200" v-model="customerData.realValue"></el-input>
					</el-form-item>
				</el-col>
			</el-form>
			<div slot="footer" class="dialog-footer">
				<el-button @click="customerShow = false">取 消</el-button>
				<el-button type="primary" v-on:click='saveCustomer'>提 交</el-button>
			</div>
		</el-dialog>
		<el-dialog title="提示" v-model="auditShow" size="mini">
			<div style="text-align: center;">
				<strong style="font-size: 16px;">是否载入保险项目？</strong>
			</div>
			<div slot="footer" class="dialog-footer">
				<el-button type="danger" v-on:click='auditShow = false'>不载入</el-button>
				<el-button type="primary" v-on:click='lastMessage()'>载入保险单</el-button>
				<el-button type="primary" v-on:click='lastMessage(insurance)'>载入报价单</el-button>
			</div>
		</el-dialog>
		<el-dialog title="汇总信息" v-model="summaryShow" size="tiny">
			<div>
				<strong style="font-size: 16px;">全部：</strong><br><br> &nbsp;&nbsp;
				<span>商业险金额：</span>{{SummaryData.all.syPrice}}元&nbsp;&nbsp;
				<span>商业险佣金：</span>{{SummaryData.all.syCommissionPrice}}元&nbsp;&nbsp;
				<span>赠送成本：</span>{{SummaryData.all.couponPrice}}元<br> &nbsp;&nbsp;
				<span>交强险金额：</span>{{SummaryData.all.jqPrice}}元&nbsp;&nbsp;
				<span>交强险佣金：</span>{{SummaryData.all.jqCommissionPrice}}元&nbsp;&nbsp;
				<span>总保单数：</span>{{SummaryData.all.count}}个<br> &nbsp;&nbsp;
				<span>总金额：</span>{{SummaryData.all.allPrice}}元&nbsp;&nbsp;
				<span>总佣金：</span>{{SummaryData.all.allCommissionPrice}}元&nbsp;&nbsp;
				<span>返现金额：</span>{{SummaryData.all.backPrice}}元<br><br>
			</div>
			<div>
				<strong style="font-size: 16px;">单交强：</strong><br><br> &nbsp;&nbsp;
				<span>交强险金额：</span>{{SummaryData.jq.jqPrice}}元&nbsp;&nbsp;
				<span>交强险佣金：</span>{{SummaryData.jq.jqCommissionPrice}}元&nbsp;&nbsp;
				<span>交强险保单数：</span>{{SummaryData.jq.count}}个<br> &nbsp;&nbsp;
				<span>交强险成本：</span>{{SummaryData.jq.couponPrice}}元&nbsp;&nbsp;
				<span>返现金额：</span>{{SummaryData.jq.backPrice}}元<br><br>
			</div>
			<div>
				<strong style="font-size: 16px;">单商业：</strong><br><br> &nbsp;&nbsp;
				<span>商业险金额：</span>{{SummaryData.sy.syPrice}}元&nbsp;&nbsp;
				<span>商业险佣金：</span>{{SummaryData.sy.syCommissionPrice}}元&nbsp;&nbsp;
				<span>商业险保单数：</span>{{SummaryData.sy.count}}个<br> &nbsp;&nbsp;
				<span>商业险成本：</span>{{SummaryData.sy.couponPrice}}元&nbsp;&nbsp;
				<span>返现金额：</span>{{SummaryData.sy.backPrice}}元<br>
			</div>

		</el-dialog>
		<!--
        	作者：1040117458@qq.com
        	时间：2017-09-15
        	描述：保险单追加
        -->
		<el-dialog title="追加保险单" v-model="AdditionalShow" size="large">
			<el-row :gutter="24">
				<el-col :span="2" style="margin-right:10px;">
					<p class="queryLabel">投保起始日:</p>
				</el-col>
				<el-col :span="5">
					<el-date-picker size="small" style="width: 100%; margin-left: 4px;" v-model="AdditionalData.AdditionalStartDate" format="yyyy-MM-dd" type="date" placeholder="开始时间">
					</el-date-picker>
				</el-col>
				<el-col :span="2" style="margin-right:10px;">
					<p class="queryLabel">投保结束日:</p>
				</el-col>
				<el-col :span="5">
					<el-date-picker size="small" style="width: 100%; margin-left: 4px;" v-model="AdditionalData.AdditionalStopDate" format="yyyy-MM-dd" type="date" placeholder="结束时间">
					</el-date-picker>
				</el-col>
				<el-col :span="2" style="margin-right:10px;">
					<p class="queryLabel">保险公司:</p>
				</el-col>
				<el-col :span="5">
					<el-select size="small" style="width: 100%;" @change="getTemplateShow('2')" v-model="AdditionalData.AdditionalCompany" placeholder="选择保险公司">
						<el-option v-for="item in companyCombo" :label="item.label" :value="item.value">
						</el-option>
					</el-select>
				</el-col>
			</el-row>
			<br>
			<div class="table-d" v-if="templateShow == '1'">
				<table border="1" cellspacing="1" cellpadding="10" style="color:rgb(103,106,108);font-size: 10px;width: 100%;border-collapse: collapse;">
					<tr>
						<td colspan="7"><b style="text-align: center;">保险报价单  </b></td>
					</tr>
					<tr>
						<td style="width:25%;text-align: center;background-color: #55C0F1;color: #333333;"><b>主要投保险种  </b></td>
						<td style="width:15%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保额/限额 </b></td>
						<td style="width:10%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险费  </b></td>
						<td style="width:5%;text-align: center;background-color: #55C0F1;color: #333333;"><b>是否 </b></td>
						<td style="width:10%;text-align: center;background-color: #55C0F1;color: #333333;"><b>不计免赔保费  </b></td>
						<td style="width:25%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险险种</b></td>
						<td style="width:10%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险费</b></td>
					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[2].starts" @change="startChange('2')">车辆损失险</el-checkbox>
						</td>
						<td></td>
						<td rowspan="1"><input v-model="intem[2].price" class='table_input' v-on:blur="sumPrice"></td>
						<td rowspan="1" style="text-align: center;">
							<el-checkbox v-model="intem[3].starts" @change="startChange('3')"></el-checkbox>
						</td>
						<td rowspan="1"><input v-model="intem[3].price" class='table_input' v-on:blur="sumPrice"></td>
						<td>
							<el-checkbox v-model="intem[1].starts" disabled @change="startChange('1')">交强险</el-checkbox>
						</td>
						<td><input v-model="intem[1].price" class='table_input' v-on:blur="sumPrice">
						</td>
					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[4].starts" @change="startChange('4')">第三者责任险</el-checkbox>
						</td>
						<td rowspan="1">
							<el-select v-model="intem[4].limit" @change="quotaChange('4')" size="small">
								<el-option label="5万" value="50000"></el-option>
								<el-option label="10万" value="100000"></el-option>
								<el-option label="15万" value="150000"></el-option>
								<el-option label="20万" value="200000"></el-option>
								<el-option label="30万" value="300000"></el-option>
								<el-option label="50万" value="500000"></el-option>
								<el-option label="100万" value="1000000"></el-option>
								<el-option label="150万" value="1500000"></el-option>
								<el-option label="200万" value="2000000"></el-option>
							</el-select>
						</td>
						<td rowspan="1"><input v-model="intem[4].price" class='table_input' v-on:blur="sumPrice"></td>
						<td rowspan="1" style="text-align: center;">
							<el-checkbox v-model="intem[5].starts" @change="startChange('5')"></el-checkbox>
						</td>
						<td rowspan="1"><input v-model="intem[5].price" class='table_input' v-on:blur="sumPrice"></td>
						<td>
							<el-checkbox v-model="intem[0].starts" style="color: red;" disabled @change="startChange('0')">车船使用税</el-checkbox>
						</td>
						<td><input v-model="intem[0].price" class='table_input' v-on:blur="sumPrice">
						</td>

					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[6].starts" @change="startChange('6')">盗抢险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[6].price" class='table_input' v-on:blur="sumPrice"></td>
						</td>

						<td style="text-align: center;">
							<el-checkbox v-model="intem[7].starts" @change="startChange('7')"></el-checkbox>
						</td>
						<td><input v-model="intem[7].price" class='table_input' v-on:blur="sumPrice"></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[8].starts" @change="startChange('8')">车上人员责任险-司机</el-checkbox>
						</td>
						<td><input v-model="intem[8].limit" v-on:blur="quotaChange('8')" style="width: 90%;border-style:none;outline:medium;">万
						</td>
						<td><input v-model="intem[8].price" class='table_input' v-on:blur="sumPrice"></td>
						<td style="text-align: center;">
							<el-checkbox v-model="intem[10].starts" @change="startChange('10')"></el-checkbox>
						</td>
						<td><input v-model="intem[10].price" class='table_input' v-on:blur="sumPrice"></td>
						<td>
							<el-checkbox v-model="intem[22].starts" @change="startChange('22')">润华划痕险</el-checkbox>
						</td>
						<td><input v-model="intem[22].price" class='table_input' v-on:blur="sumPrice"></td>

					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[9].starts" @change="startChange('9')">车上人员责任险-乘客</el-checkbox>
						</td>
						<td><input v-model="intem[9].limit" v-on:blur="quotaChange('9')" style="width: 90%;border-style:none;outline:medium;">万</td>
						<td><input v-model="intem[9].price" class='table_input' v-on:blur="sumPrice"></td>
						<td style="text-align: center;">
							<el-checkbox v-model="intem[11].starts" @change="startChange('11')"></el-checkbox>
						</td>
						<td><input v-model="intem[11].price" class='table_input' v-on:blur="sumPrice"></td>
						<td>
							<el-checkbox v-model="intem[23].starts" @change="startChange('23')">续保手册</el-checkbox>
						</td>
						<td><input v-model="intem[23].price" class='table_input' v-on:blur="sumPrice"></td>

					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[12].starts" @change="startChange('12')">车身划痕险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[12].price" class='table_input' v-on:blur="sumPrice"></td>
						<td style="text-align: center;">
							<el-checkbox v-model="intem[13].starts" @change="startChange('13')"></el-checkbox>
						</td>
						<td><input v-model="intem[13].price" class='table_input' v-on:blur="sumPrice"></td>
						<td>
							<el-checkbox v-model="intem[21].starts" @change="startChange('21')">车上货物责任险</el-checkbox>
						</td>
						<td><input v-model="intem[21].price" class='table_input' v-on:blur="sumPrice"></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[18].starts" @change="startChange('18')">玻璃单独玻璃险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[18].price" class='table_input' v-on:blur="sumPrice"></td>
						<td></td>
						<td></td>
						<td>
							<el-checkbox v-model="intem[24].starts" @change="startChange('24')">驾意险</el-checkbox>
						</td>
						<td><input v-model="intem[24].price" class='table_input' v-on:blur="sumPrice"></td>
					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[20].starts" @change="startChange('20')">机动车损失保险无法找到第三方特约险</el-checkbox>
						</td>
						<td></td>
						<td rowspan="1"><input v-model="intem[20].price" class='table_input' v-on:blur="sumPrice"></td>
						<td></td>
						<td></td>
						<td>
							<el-checkbox v-model="intem[19].starts" @change="startChange('19')">润华玻璃险</el-checkbox>
						</td>
						<td><input v-model="intem[19].price" class='table_input' v-on:blur="sumPrice"></td>
					</tr>
					<tr>

						<td>
							<el-checkbox v-model="intem[14].starts" @change="startChange('14')">自燃损失险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[14].price" class='table_input' v-on:blur="sumPrice"></td>
						<td style="text-align: center;">
							<el-checkbox v-model="intem[15].starts" @change="startChange('15')"></el-checkbox>
						</td>
						<td><input v-model="intem[15].price" class='table_input' v-on:blur="sumPrice"></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[16].starts" @change="startChange('16')">发动机涉水险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[16].price" class='table_input' v-on:blur="sumPrice"></td>
						<td style="text-align: center;">
							<el-checkbox v-model="intem[17].starts" @change="startChange('17')"></el-checkbox>
						</td>
						<td style="border-bottom-right-radius: 2px;"><input v-model="intem[17].price" class='table_input' v-on:blur="sumPrice"></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[26].starts" @change="startChange('26')">新增设备险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[26].price" class='table_input' v-on:blur="sumPrice"></td>
						<td style="text-align: center;">
							<el-checkbox v-model="intem[27].starts" @change="startChange('27')"></el-checkbox>
						</td>
						<td><input v-model="intem[27].price" class='table_input' v-on:blur="sumPrice"></td>
						<td></td>
						<td></td>
					</tr>
				</table>
			</div>
			<div class="table-d" v-if="templateShow == '0'||templateShow == '2'">
				<table border="1" cellspacing="1" cellpadding="10" style="color:rgb(103,106,108);font-size: 10px;width: 100%;border-collapse: collapse;">
					<tr>
						<td colspan="7">
							<b style="text-align: center;">保险报价单 </b>

						</td>
					</tr>
					<tr>
						<td style="width:25%;text-align: center;background-color: #55C0F1;color: #333333;"><b>主要投保险种  </b></td>
						<td style="width:15%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保额/限额 </b></td>
						<td style="width:10%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险费  </b></td>
						<td style="width:25%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险险种</b></td>
						<td style="width:10%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险费</b></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[1].starts" disabled @change="startChangeTwo('1')">交强险</el-checkbox>
						</td>
						<td>
						</td>
						<td><input v-model="intem[1].price" class='table_input' v-on:blur="sumPrice">
						</td>
						<td>
							<el-checkbox v-model="intem[14].starts" @change="startChangeTwo('14')">自燃损失险</el-checkbox>
						</td>

						<td><input v-model="intem[14].price" class='table_input' v-on:blur="sumPrice"></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[0].starts" style="color: red;" disabled @change="startChangeTwo('0')">车船使用税</el-checkbox>
						</td>
						<td>
						</td>
						<td><input v-model="intem[0].price" class='table_input' v-on:blur="sumPrice">
						</td>

						<td>
							<el-checkbox v-model="intem[21].starts" @change="startChangeTwo('21')">车上货物责任险</el-checkbox>
						</td>
						<td><input v-model="intem[21].price" class='table_input' v-on:blur="sumPrice"></td>

					</tr>
					<td rowspan="1">
						<el-checkbox v-model="intem[2].starts" @change="startChangeTwo('2')">车辆损失险</el-checkbox>
					</td>
					<td></td>
					<td rowspan="1"><input v-model="intem[2].price" class='table_input' v-on:blur="sumPrice"></td>
					<td>
						<el-checkbox v-model="intem[16].starts" @change="startChangeTwo('16')">发动机涉水险</el-checkbox>
					</td>

					<td><input v-model="intem[16].price" class='table_input' v-on:blur="sumPrice"></td>

					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[4].starts" @change="startChangeTwo('4')">第三者责任险</el-checkbox>
						</td>
						<td rowspan="1">
							<el-select v-model="intem[4].limit" size="small">
								<el-option label="5万" value="50000"></el-option>
								<el-option label="10万" value="100000"></el-option>
								<el-option label="15万" value="150000"></el-option>
								<el-option label="20万" value="200000"></el-option>
								<el-option label="30万" value="300000"></el-option>
								<el-option label="50万" value="500000"></el-option>
								<el-option label="100万" value="1000000"></el-option>
								<el-option label="150万" value="1500000"></el-option>
								<el-option label="200万" value="2000000"></el-option>
							</el-select>
						</td>
						<td rowspan="1"><input v-model="intem[4].price" class='table_input' v-on:blur="sumPrice"></td>

						<td>
							<el-checkbox v-model="intem[24].starts" @change="startChangeTwo('24')">驾意险</el-checkbox>
						</td>
						<td><input v-model="intem[24].price" class='table_input' v-on:blur="sumPrice"></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[6].starts" @change="startChangeTwo('6')">盗抢险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[6].price" class='table_input' v-on:blur="sumPrice"></td>
						</td>

						<td>
							<el-checkbox v-model="intem[19].starts" @change="startChangeTwo('19')">润华玻璃险</el-checkbox>
						</td>
						<td><input v-model="intem[19].price" class='table_input' v-on:blur="sumPrice"></td>
					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[8].starts" @change="startChangeTwo('8')">车上人员责任险-司机</el-checkbox>
						</td>
						<td><input v-model="intem[8].limit" style="width: 90%;border-style:none;outline:medium;">万
						</td>
						<td><input v-model="intem[8].price" class='table_input' v-on:blur="sumPrice"></td>

						<td>
							<el-checkbox v-model="intem[22].starts" @change="startChangeTwo('22')">润华划痕险</el-checkbox>
						</td>
						<td><input v-model="intem[22].price" class='table_input' v-on:blur="sumPrice"></td>

					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[9].starts" @change="startChangeTwo('9')">车上人员责任险-乘客</el-checkbox>
						</td>
						<td><input v-model="intem[9].limit" style="width: 90%;border-style:none;outline:medium;">万</td>
						<td><input v-model="intem[9].price" class='table_input' v-on:blur="sumPrice"></td>

						<td>
							<el-checkbox v-model="intem[23].starts" @change="startChangeTwo('23')">续保手册</el-checkbox>
						</td>
						<td><input v-model="intem[23].price" class='table_input' v-on:blur="sumPrice"></td>

					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[18].starts" @change="startChangeTwo('18')">玻璃单独玻璃险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[18].price" class='table_input' v-on:blur="sumPrice"></td>

						<td></td>
						<td></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[12].starts" @change="startChangeTwo('12')">车身划痕险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[12].price" class='table_input' v-on:blur="sumPrice"></td>

						<td></td>
						<td></td>
					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[20].starts" @change="startChangeTwo('20')">机动车损失保险无法找到第三方特约险</el-checkbox>
						</td>
						<td></td>
						<td rowspan="1"><input v-model="intem[20].price" class='table_input' v-on:blur="sumPrice"></td>

						<td></td>
						<td></td>
					</tr>
					<tr v-if="templateShow != '2'">
						<td>
							<el-checkbox v-model="intem[25].starts" @change="startChangeTwo('25')">不计免赔</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[25].price" class='table_input' v-on:blur="sumPrice"></td>

						<td></td>
						<td></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[26].starts" @change="startChangeTwo('26')">新增设备险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[26].price" class='table_input' v-on:blur="sumPrice"></td>

						<td></td>
						<td></td>
					</tr>
				</table>
			</div>
			<br>
			<div>
				<el-row :gutter="24">
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">交强险价格:</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">{{jqxbj}}￥</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">车船税价格:</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">{{ccsjg}}￥</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">商业险价格:</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">{{syxbj}}￥</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">合计:</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">{{sum}}￥</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">返现金额:</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">{{insuranceOrder.backPrice}}￥</strong>
					</el-col>
					<br><br>
				</el-row>
				<el-row :gutter="24">
					<el-col :span="2" style="margin-right:10px;">
						<p class="queryLabel">支付方式:</p>
					</el-col>
					<el-col :span="5">
						<el-select size="small" style="width:100%" v-model="AdditionalData.payType" placeholder="选择方式">
							<el-option label="现金" value="1">
							</el-option>
							<el-option label="刷卡" value="2">
							</el-option>
							<el-option label="微信" value="3">
							</el-option>
							<el-option label="支付宝" value="4">
							</el-option>
						</el-select>
					</el-col>
					<el-col :span="2" style="margin-right:10px;">
						<p class="queryLabel">支付账号:</p>
					</el-col>
					<el-col :span="5">
						<el-input size="small" :maxlength="200" v-model="AdditionalData.payNum"></el-input>
					</el-col>
					<el-col :span="2" style="margin-right:10px;">
						<p class="queryLabel">出单日期:</p>
					</el-col>
					<el-col :span="5">
						<el-date-picker size="small" style="width: 90%;" v-model="AdditionalData.outOrderDate" format="yyyy-MM-dd" type="date" placeholder="开始时间">
						</el-date-picker>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :span="2" style="margin-right:10px;">
						<p class="queryLabel">商业险合同号:</p>
					</el-col>
					<el-col :span="5">
						<el-input size="small" :maxlength="200" v-model="insuranceOrder.commercialinsuranceNum"></el-input>
					</el-col>
					<el-col :span="2" style="margin-right:10px;">
						<p class="queryLabel">商业协议费率:</p>
					</el-col>
					<el-col :span="5">
						<el-input size="small" :maxlength="200" v-model="insuranceOrder.commissionSy" readonly>
							<template slot="append">%</template>
						</el-input>
					</el-col>
					<el-col :span="10" style="margin-left: -20px;text-align: center;">
						<el-checkbox label="启用商业险临时费率 " @change="syChange" v-model="insuranceOrder.isCommissionSyTemp"></el-checkbox>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :span="2" style="margin-right:10px;" v-if="insuranceOrder.isCommissionSyTemp">
						<p class="queryLabel">商业临时费率:</p>
					</el-col>
					<el-col :span="5" v-if="insuranceOrder.isCommissionSyTemp">
						<el-input style="width: 95%;" size="small" v-model="insuranceOrder.commissionSyTemp" type="number" @change="handleChange">
							<template slot="append">%</template>
						</el-input>
					</el-col>

					<el-col :span="2" style="margin-right:10px;" v-if="insuranceOrder.isCommissionSyTemp">
						<p class="queryLabel">佣金说明:</p>
					</el-col>
					<el-col :span="5" v-if="insuranceOrder.isCommissionSyTemp">
						<el-input size="small" :maxlength="200" v-model="insuranceOrder.commissionSyExp"></el-input>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :span="24" style="text-align: right;">
						<el-button size="small" v-on:click='AdditionalShow=false'>取消</el-button>
						<el-button type="primary" size="small" v-loading.fullscreen.lock="fullscreenloading" v-on:click='AdditionalSave'>确认</el-button>

					</el-col>
				</el-row>
			</div>
		</el-dialog>
		<!--
        	作者：1040117458@qq.com
        	时间：2017-09-22
        	描述：保险单退单
        -->
		<el-dialog title="保险单退单" v-model="backOrderShow" size="large">
			<el-row :gutter="24">
				<el-col :span="1">
					<p class="queryLabel">投保起始日:</p>
				</el-col>
				<el-col :span="4">
					<el-date-picker size="small" disabled style="width: 100%; margin-left: 4px;" v-model="backOrderData.backOrderStartDate" format="yyyy-MM-dd" type="date" placeholder="开始时间">
					</el-date-picker>
				</el-col>
				<el-col :span="1">
					<p class="queryLabel">投保结束日:</p>
				</el-col>
				<el-col :span="4">
					<el-date-picker size="small" style="width: 100%; margin-left: 4px;" v-model="backOrderData.backOrderStopDate" format="yyyy-MM-dd" type="date" placeholder="结束时间">
					</el-date-picker>
				</el-col>
				<el-col :span="1">
					<p class="queryLabel">保险公司:</p>
				</el-col>
				<el-col :span="4">
					<el-select size="small" style="width: 100%;" @change="getTemplateShow('3')" disabled v-model="backOrderData.backOrderCompany" placeholder="">
						<el-option v-for="item in companyCombo" :label="item.label" :value="item.value">
						</el-option>
					</el-select>
				</el-col>
				<el-col :span="1">
					<p class="queryLabel">出单日期:</p>
				</el-col>
				<el-col :span="4">
					<el-date-picker size="small" disabled style="width: 90%;" v-model="insuranceOrder.outOrderDate" format="yyyy-MM-dd" type="date" placeholder="开始时间">
					</el-date-picker>
				</el-col>
			</el-row>
			<br>
			<div class="table-d" v-if="templateShow == '1'">
				<table border="1" cellspacing="1" cellpadding="10" style="color:rgb(103,106,108);font-size: 10px;width: 100%;border-collapse: collapse;">
					<tr>
						<td colspan="7"><b style="text-align: center;">保险报价单  </b></td>
					</tr>
					<tr>
						<td style="width:25%;text-align: center;background-color: #55C0F1;color: #333333;"><b>主要投保险种  </b></td>
						<td style="width:15%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保额/限额 </b></td>
						<td style="width:10%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险费  </b></td>
						<td style="width:5%;text-align: center;background-color: #55C0F1;color: #333333;"><b>是否 </b></td>
						<td style="width:10%;text-align: center;background-color: #55C0F1;color: #333333;"><b>不计免赔保费  </b></td>
						<td style="width:25%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险险种</b></td>
						<td style="width:10%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险费</b></td>
					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[2].starts" @change="startChange('2')">车辆损失险</el-checkbox>
						</td>
						<td></td>
						<td rowspan="1"><input v-model="intem[2].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
						<td rowspan="1" style="text-align: center;">
							<el-checkbox v-model="intem[3].starts" @change="startChange('3')"></el-checkbox>
						</td>
						<td rowspan="1"><input v-model="intem[3].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
						<td>
							<el-checkbox v-model="intem[1].starts" @change="startChange('1')">交强险</el-checkbox>
						</td>
						<td><input v-model="intem[1].price" style="color: red;" class='table_input' v-on:blur="sumPrice">
						</td>
					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[4].starts" @change="startChange('4')">第三者责任险</el-checkbox>
						</td>
						<td rowspan="1">
							<el-select v-model="intem[4].limit" @change="quotaChange('4')" size="small">
								<el-option label="5万" value="50000"></el-option>
								<el-option label="10万" value="100000"></el-option>
								<el-option label="15万" value="150000"></el-option>
								<el-option label="20万" value="200000"></el-option>
								<el-option label="30万" value="300000"></el-option>
								<el-option label="50万" value="500000"></el-option>
								<el-option label="100万" value="1000000"></el-option>
								<el-option label="150万" value="1500000"></el-option>
								<el-option label="200万" value="2000000"></el-option>
							</el-select>
						</td>
						<td rowspan="1"><input v-model="intem[4].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
						<td rowspan="1" style="text-align: center;">
							<el-checkbox v-model="intem[5].starts" @change="startChange('5')"></el-checkbox>
						</td>
						<td rowspan="1"><input v-model="intem[5].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
						<td>
							<el-checkbox v-model="intem[0].starts" style="color: red;" @change="startChange('0')">车船使用税</el-checkbox>
						</td>
						<td><input v-model="intem[0].price" style="color: red;" class='table_input' v-on:blur="sumPrice">
						</td>

					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[6].starts" @change="startChange('6')">盗抢险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[6].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
						</td>

						<td style="text-align: center;">
							<el-checkbox v-model="intem[7].starts" @change="startChange('7')"></el-checkbox>
						</td>
						<td><input v-model="intem[7].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[8].starts" @change="startChange('8')">车上人员责任险-司机</el-checkbox>
						</td>
						<td><input v-model="intem[8].limit" v-on:blur="quotaChange('8')" style="width: 90%;border-style:none;outline:medium;">万
						</td>
						<td><input v-model="intem[8].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
						<td style="text-align: center;">
							<el-checkbox v-model="intem[10].starts" @change="startChange('10')"></el-checkbox>
						</td>
						<td><input v-model="intem[10].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
						<td>
							<el-checkbox v-model="intem[22].starts" @change="startChange('22')">润华划痕险</el-checkbox>
						</td>
						<td><input v-model="intem[22].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>

					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[9].starts" @change="startChange('9')">车上人员责任险-乘客</el-checkbox>
						</td>
						<td><input v-model="intem[9].limit" v-on:blur="quotaChange('9')" style="width: 90%;border-style:none;outline:medium;">万</td>
						<td><input v-model="intem[9].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
						<td style="text-align: center;">
							<el-checkbox v-model="intem[11].starts" @change="startChange('11')"></el-checkbox>
						</td>
						<td><input v-model="intem[11].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
						<td>
							<el-checkbox v-model="intem[23].starts" @change="startChange('23')">续保手册</el-checkbox>
						</td>
						<td><input v-model="intem[23].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>

					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[12].starts" @change="startChange('12')">车身划痕险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[12].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
						<td style="text-align: center;">
							<el-checkbox v-model="intem[13].starts" @change="startChange('13')"></el-checkbox>
						</td>
						<td><input v-model="intem[13].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
						<td>
							<el-checkbox v-model="intem[21].starts" @change="startChange('21')">车上货物责任险</el-checkbox>
						</td>
						<td><input v-model="intem[21].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[18].starts" @change="startChange('18')">玻璃单独玻璃险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[18].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
						<td></td>
						<td></td>
						<td>
							<el-checkbox v-model="intem[24].starts" @change="startChange('24')">驾意险</el-checkbox>
						</td>
						<td><input v-model="intem[24].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[20].starts" @change="startChange('20')">机动车损失保险无法找到第三方特约险</el-checkbox>
						</td>
						<td></td>
						<td rowspan="1"><input v-model="intem[20].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
						<td></td>
						<td></td>
						<td>
							<el-checkbox v-model="intem[19].starts" @change="startChange('19')">润华玻璃险</el-checkbox>
						</td>
						<td><input v-model="intem[19].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
					</tr>
					<tr>

						<td>
							<el-checkbox v-model="intem[14].starts" @change="startChange('14')">自燃损失险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[14].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
						<td style="text-align: center;">
							<el-checkbox v-model="intem[15].starts" @change="startChange('15')"></el-checkbox>
						</td>
						<td><input v-model="intem[15].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[16].starts" @change="startChange('16')">发动机涉水险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[16].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
						<td style="text-align: center;">
							<el-checkbox v-model="intem[17].starts" @change="startChange('17')"></el-checkbox>
						</td>
						<td style="border-bottom-right-radius: 2px;"><input v-model="intem[17].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[26].starts" @change="startChange('26')">新增设备险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[26].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
						<td style="text-align: center;">
							<el-checkbox v-model="intem[27].starts" @change="startChange('27')"></el-checkbox>
						</td>
						<td><input v-model="intem[27].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
						<td></td>
						<td></td>
					</tr>
				</table>
			</div>
			<div class="table-d" v-if="templateShow == '0' ||templateShow == '2'">
				<table border="1" cellspacing="1" cellpadding="10" style="color:rgb(103,106,108);font-size: 10px;width: 100%;border-collapse: collapse;">
					<tr>
						<td colspan="7">
							<b style="text-align: center;">保险报价单 </b>

						</td>
					</tr>
					<tr>
						<td style="width:25%;text-align: center;background-color: #55C0F1;color: #333333;"><b>主要投保险种  </b></td>
						<td style="width:15%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保额/限额 </b></td>
						<td style="width:10%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险费  </b></td>
						<td style="width:25%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险险种</b></td>
						<td style="width:10%;text-align: center;background-color: #55C0F1;color: #333333;"><b>保险费</b></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[1].starts" @change="startChangeTwo('1')">交强险</el-checkbox>
						</td>
						<td>
						</td>
						<td><input v-model="intem[1].price" style="color: red;" class='table_input' v-on:blur="sumPrice">
						</td>
						<td>
							<el-checkbox v-model="intem[14].starts" @change="startChangeTwo('14')">自燃损失险</el-checkbox>
						</td>

						<td><input v-model="intem[14].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[0].starts" style="color: red;" @change="startChangeTwo('0')">车船使用税</el-checkbox>
						</td>
						<td>
						</td>
						<td><input v-model="intem[0].price" style="color: red;" class='table_input' v-on:blur="sumPrice">
						</td>

						<td>
							<el-checkbox v-model="intem[21].starts" @change="startChangeTwo('21')">车上货物责任险</el-checkbox>
						</td>
						<td><input v-model="intem[21].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>

					</tr>
					<td rowspan="1">
						<el-checkbox v-model="intem[2].starts" @change="startChangeTwo('2')">车辆损失险</el-checkbox>
					</td>
					<td></td>
					<td rowspan="1"><input v-model="intem[2].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
					<td>
						<el-checkbox v-model="intem[16].starts" @change="startChangeTwo('16')">发动机涉水险</el-checkbox>
					</td>

					<td><input v-model="intem[16].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>

					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[4].starts" @change="startChangeTwo('4')">第三者责任险</el-checkbox>
						</td>
						<td rowspan="1">
							<el-select v-model="intem[4].limit" size="small">
								<el-option label="5万" value="50000"></el-option>
								<el-option label="10万" value="100000"></el-option>
								<el-option label="15万" value="150000"></el-option>
								<el-option label="20万" value="200000"></el-option>
								<el-option label="30万" value="300000"></el-option>
								<el-option label="50万" value="500000"></el-option>
								<el-option label="100万" value="1000000"></el-option>
								<el-option label="150万" value="1500000"></el-option>
								<el-option label="200万" value="2000000"></el-option>
							</el-select>
						</td>
						<td rowspan="1"><input v-model="intem[4].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>

						<td>
							<el-checkbox v-model="intem[24].starts" @change="startChangeTwo('24')">驾意险</el-checkbox>
						</td>
						<td><input v-model="intem[24].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[6].starts" @change="startChangeTwo('6')">盗抢险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[6].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
						</td>

						<td>
							<el-checkbox v-model="intem[19].starts" @change="startChangeTwo('19')">润华玻璃险</el-checkbox>
						</td>
						<td><input v-model="intem[19].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>
					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[8].starts" @change="startChangeTwo('8')">车上人员责任险-司机</el-checkbox>
						</td>
						<td><input v-model="intem[8].limit" style="width: 90%;border-style:none;outline:medium;">万
						</td>
						<td><input v-model="intem[8].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>

						<td>
							<el-checkbox v-model="intem[22].starts" @change="startChangeTwo('22')">润华划痕险</el-checkbox>
						</td>
						<td><input v-model="intem[22].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>

					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[9].starts" @change="startChangeTwo('9')">车上人员责任险-乘客</el-checkbox>
						</td>
						<td><input v-model="intem[9].limit" style="width: 90%;border-style:none;outline:medium;">万</td>
						<td><input v-model="intem[9].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>

						<td>
							<el-checkbox v-model="intem[23].starts" @change="startChangeTwo('23')">续保手册</el-checkbox>
						</td>
						<td><input v-model="intem[23].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>

					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[18].starts" @change="startChangeTwo('18')">玻璃单独玻璃险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[18].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>

						<td></td>
						<td></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[12].starts" @change="startChangeTwo('12')">车身划痕险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[12].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>

						<td></td>
						<td></td>
					</tr>
					<tr>
						<td rowspan="1">
							<el-checkbox v-model="intem[20].starts" @change="startChangeTwo('20')">机动车损失保险无法找到第三方特约险</el-checkbox>
						</td>
						<td></td>
						<td rowspan="1"><input v-model="intem[20].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>

						<td></td>
						<td></td>
					</tr>
					<tr v-if="templateShow != '2'">
						<td>
							<el-checkbox v-model="intem[25].starts" @change="startChangeTwo('25')">不计免赔</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[25].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>

						<td></td>
						<td></td>
					</tr>
					<tr>
						<td>
							<el-checkbox v-model="intem[26].starts" @change="startChangeTwo('26')">新增设备险</el-checkbox>
						</td>
						<td></td>
						<td><input v-model="intem[26].price" style="color: red;" class='table_input' v-on:blur="sumPrice"></td>

						<td></td>
						<td></td>
					</tr>
				</table>
			</div>
			<br>
			<div>
				<el-row :gutter="24">
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">交强险价格:</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">{{jqxbj}}￥</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">车船税价格:</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">{{ccsjg}}￥</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">商业险价格:</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">{{syxbj}}￥</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">合计:</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">{{sum}}￥</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">返现金额:</strong>
					</el-col>
					<el-col :span="2">
						<strong style="font-size: 15px;padding-top: 0px;">{{insuranceOrder.backPrice}}￥</strong>
					</el-col>
					<br><br>
				</el-row>
				<el-row :gutter="24">
					<el-col :span="2" style="margin-right:10px;">
						<p class="queryLabel">返现金额:</p>
					</el-col>
					<el-col :span="5">
						<el-input size="small" :maxlength="200" v-model="insuranceOrder.backPrice">
							<template slot="append">元</template>
						</el-input>
					</el-col>
				</el-row>
				<el-row :gutter="24" v-if="backsyShow">
					<el-col :span="2" style="margin-right:10px;">
						<p class="queryLabel">商业险合同号:</p>
					</el-col>
					<el-col :span="5">
						<el-input size="small" :maxlength="200" v-model="insuranceOrder.commercialinsuranceNum"></el-input>
					</el-col>
					<el-col :span="2" style="margin-right:10px;">
						<p class="queryLabel">商业协议费率:</p>
					</el-col>
					<el-col :span="5">
						<el-input size="small" :maxlength="200" v-model="insuranceOrder.commissionSy" readonly>
							<template slot="append">%</template>
						</el-input>
					</el-col>
					<el-col :span="10" style="margin-left: -20px;text-align: center;">
						<el-checkbox label="启用商业险临时费率 " disabled @change="syChange" v-model="insuranceOrder.isCommissionSyTemp"></el-checkbox>
					</el-col>
				</el-row>
				<el-row :gutter="24" v-if="backsyShow">
					<el-col :span="2" style="margin-right:10px;" v-if="insuranceOrder.isCommissionSyTemp">
						<p class="queryLabel">商业临时费率:</p>
					</el-col>
					<el-col :span="5" v-if="insuranceOrder.isCommissionSyTemp">
						<el-input style="width: 95%;" size="small" readonly v-model="insuranceOrder.commissionSyTemp" type="number" @change="handleChange">
							<template slot="append">%</template>
						</el-input>
					</el-col>

					<el-col :span="2" style="margin-right:10px;" v-if="insuranceOrder.isCommissionSyTemp">
						<p class="queryLabel">佣金说明:</p>
					</el-col>
					<el-col :span="5" v-if="insuranceOrder.isCommissionSyTemp">
						<el-input size="small" :maxlength="200" readonly v-model="insuranceOrder.commissionSyExp"></el-input>
					</el-col>
				</el-row>
				<el-row :gutter="24" v-if="backjqShow">
					<el-col :span="2" style="margin-right:10px;">
						<p class="queryLabel">交强险合同号:</p>
					</el-col>
					<el-col :span="5">
						<el-input size="small" :maxlength="200" v-model="insuranceOrder.compulsoryNum"></el-input>
					</el-col>
					<el-col :span="2" style="margin-right:10px;">
						<p class="queryLabel">交强协议费率:</p>
					</el-col>
					<el-col :span="5">
						<el-input size="small" :maxlength="200" v-model="insuranceOrder.commissionJq" readonly>
							<template slot="append">%</template>
						</el-input>
					</el-col>
					<el-col :span="10" style="margin-left: -20px;text-align: center;">
						<el-checkbox label="启用交强险临时费率 " disabled @change="jqChange" v-model="insuranceOrder.isCommissionJqTemp"></el-checkbox>
					</el-col>
				</el-row>
				<el-row :gutter="24" v-if="backjqShow">
					<el-col :span="2" style="margin-right:10px;" v-if="insuranceOrder.isCommissionJqTemp">
						<p class="queryLabel">交强临时费率:</p>
					</el-col>
					<el-col :span="5" v-if="insuranceOrder.isCommissionJqTemp">
						<el-input style="width: 95%;" size="small" readonly v-model="insuranceOrder.commissionJqTemp" type="number">
							<template slot="append">%</template>
						</el-input>
					</el-col>
					<el-col :span="2" style="margin-right:10px;" v-if="insuranceOrder.isCommissionJqTemp">
						<p class="queryLabel">佣金说明:</p>
					</el-col>
					<el-col :span="5" v-if="insuranceOrder.isCommissionJqTemp">
						<el-input size="small" :maxlength="200" readonly v-model="insuranceOrder.commissionJqExp"></el-input>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :span="24" style="text-align: right;">
						<el-button size="small" v-on:click='backOrderShow=false'>取消</el-button>
						<el-button type="primary" size="small" v-loading.fullscreen.lock="fullscreenloading" v-on:click='saveBackOrder'>确认</el-button>

					</el-col>
				</el-row>
			</div>
		</el-dialog>
		<!--
        	作者：1040117458@qq.com
        	时间：2017-09-28
        	描述：保险单看界面
        -->
		<el-dialog title="保险单查看" v-model="lookOrderShow">
			<el-row :gutter="24">
				<el-col :span="12">
					<el-card class="box-card" style="height: 300px;overflow-y: scroll;">
						<div slot="header" class="clearfix">
							<strong style="line-height: 36px;">客户信息</strong>
						</div>
						<div>
							<el-row :gutter="24">
								<el-col :span="24" style="font-size: 15px;">
									被保险人：{{lookCustomerData.name}}
								</el-col>
								<el-col :span="24" style="font-size: 15px;">
									联系电话：{{lookCustomerData.peoplePhone}}
								</el-col>
								<el-col :span="24" style="font-size: 15px;">
									车牌号：{{lookCustomerData.plateNum}}
								</el-col>
								<el-col :span="24" style="font-size: 15px;">
									车架号：{{lookCustomerData.vin}}
								</el-col>
								<el-col :span="24" style="font-size: 15px;">
									车型：{{lookCustomerData.carModel}}
								</el-col>
								<el-col :span="24" style="font-size: 15px;">
									身份证号：{{lookCustomerData.peopleNum}}
								</el-col>
							</el-row>
						</div>
					</el-card>
				</el-col>
				<el-col :span="12">
					<el-card class="box-card" style="height: 300px;overflow-y: scroll;">
						<div slot="header" class="clearfix">
							<strong style="line-height: 36px;">出单信息</strong>
						</div>
						<div>
							<el-row :gutter="24">
								<el-col :span="24" style="font-size: 15px;" v-if="lookOrderData.jqNum">
									交强险合同号：{{lookOrderData.jqNum}}
								</el-col>
								<el-col :span="24" style="font-size: 15px;" v-if="lookOrderData.jqRate">
									交强险协议费率：{{lookOrderData.jqRate}}
								</el-col>
								<el-col :span="24" style="font-size: 15px;" v-if="lookOrderData.jqtemporaryRate">
									交强险临时费率：{{lookOrderData.jqtemporaryRate}}
								</el-col>
								<el-col :span="24" style="font-size: 15px;" v-if="lookOrderData.jqtemporarytext">
									交强险临时说明：{{lookOrderData.jqtemporarytext}}
								</el-col>
								<el-col :span="24" style="font-size: 15px;" v-if="lookOrderData.syNum">
									商业险合同号：{{lookOrderData.syNum}}
								</el-col>
								<el-col :span="24" style="font-size: 15px;" v-if="lookOrderData.syRate">
									商业险协议费率：{{lookOrderData.syRate}}
								</el-col>
								<el-col :span="24" style="font-size: 15px;" v-if="lookOrderData.sytemporaryRate">
									商业险临时费率：{{lookOrderData.sytemporaryRate}}
								</el-col>
								<el-col :span="24" style="font-size: 15px;" v-if="lookOrderData.sytemporarytext">
									商业险临时说明：{{lookOrderData.sytemporarytext}}
								</el-col>
								<el-col :span="24" style="font-size: 15px;" v-if="lookOrderData.addCommission">
									店端加投费率：{{lookOrderData.addCommission}}
								</el-col>
								<el-col :span="24" style="font-size: 15px;" v-if="lookOrderData.distcount">
									店端抵现金额：{{lookOrderData.distcount}}
								</el-col>
								<el-col :span="24" style="font-size: 15px;" v-if="lookOrderData.backPrice">
									返现金额：{{lookOrderData.backPrice}}
								</el-col>
								<el-col :span="24" style="font-size: 15px;" v-if="lookOrderData.outOrderDate">
									出单日期：{{lookOrderData.outOrderDate}}
								</el-col>
							</el-row>
						</div>
					</el-card>

				</el-col>
			</el-row>
			<el-row :gutter="24">
				<el-col :span="12">
					<el-card class="box-card" style="height: 300px;overflow-y: scroll;">
						<div slot="header" class="clearfix">
							<strong style="line-height: 36px;">保险项目</strong>
						</div>
						<div>
							<el-table :data="lookOrderItem" border>
								<el-table-column label="项目名称" prop="itemName">
								</el-table-column>
								<el-table-column label="保额" prop="itemLimit">
								</el-table-column>
								<el-table-column label="保费" prop="itemPrice">
								</el-table-column>
							</el-table>
						</div>
					</el-card>
				</el-col>
				<el-col :span="12">
					<el-card class="box-card" style="height: 300px;overflow-y: scroll;">
						<div slot="header" class="clearfix">
							<strong style="line-height: 36px;">审核说明</strong>
						</div>
						<div>
							<el-table :data="tableDataList" border>
								<el-table-column label="审核人" prop="uName">
								</el-table-column>
								<el-table-column label="审核日期" prop="commissionDate">
								</el-table-column>
								<el-table-column label="审核说明" prop="remark">
								</el-table-column>
							</el-table>
						</div>
					</el-card>

				</el-col>
			</el-row>
		</el-dialog>
		<el-dialog title="请确认数据是否准确" v-model="submitShow">
			<el-row :gutter="24">
				<div style="text-align: center;">
					<table class="report_table" cellspacing="0" width="100%" cellpadding="0">
						<tbody>
							<tr class="texttbody" height="60px;">
								<td style="width: 150px;">出单日期：</td>
								<td style="width: 150px;">{{submitData.outOrderDate}}</td>
								<td style="width: 150px;">返现金额: </td>
								<td style="width: 150px;">{{submitData.backPrice}}</td>
							</tr>
							<tr class="texttbody" height="60px;">
								<td style="width: 150px;">商业险合同号：</td>
								<td style="width: 150px;">{{submitData.syContractNo}}</td>
								<td style="width: 150px;">交强险合同号: </td>
								<td style="width: 150px;">{{submitData.jqContractNo}}</td>
							</tr>
							<tr class="texttbody" height="60px;">
								<td style="width: 150px;">商业险价格/费率：</td>
								<td style="width: 150px;">{{submitData.syPrice}}</td>
								<td style="width: 150px;">交强险价格/费率：</td>
								<td style="width: 150px;">{{submitData.jqPrice}}</td>
							</tr>
							<tr class="texttbody" height="60px;">
								<td style="width: 150px;">店端加投费率：</td>
								<td style="width: 150px;">{{submitData.syAddCommission}}</td>
								<td style="width: 150px;">店端加投金额: </td>
								<td style="width: 150px;">{{submitData.syAddCommissionPrice}}</td>
							</tr>
						</tbody>
					</table>
				</div>
			</el-row>
			<br>
			<el-row :gutter="24">
				<el-col :span="24" style="text-align: right;">
					<el-button size="small" v-on:click='submitShow=false'>取消</el-button>
					<el-button type="primary" size="small" v-on:click='submitSave'>提交</el-button>
				</el-col>
			</el-row>
		</el-dialog>
	</div>
</template>
<script>
	//	import carInfo from '../../insPlugins/carInfoQuery.vue'
	import moment from 'moment'
	export default {
		data: function() {
			return {
				//销售人员
				salePeopleCombo: [],
				//优惠券列表
				presentDataList: [],
				//提交显示界面
				submitShow: false,
				submitData: {},
				// 新修改店端加投后佣金
				newYJNumber: "",

				// 店端抵现金额
				DDDXMoney: "",
				backpriceChange: '',
				//修改报价单时交强险出单信息显示
				editOrderJqShow: false,
				//修改报价单时商业险出单信息显示
				editOrderSyShow: false,
				//被保险人类型
				selectPeople: '1',
				//查看保险单显示
				lookOrderShow: false,
				//查看保险单客户信息
				lookCustomerData: {
					name: '', //被保险人
					peopleNum: "", //证件号
					peoplePhone: "", //联系电话
					carModel: '', //车型
					plateNum: '', //车牌号
					vin: '', //车架号
				},
				//查看保险单出单信息
				lookOrderData: {
					jqNum: '', //交强险合同号
					jqRate: '', //交强险费率
					jqtemporaryRate: "", //交强险临时费率
					jqtemporarytext: "", //交强险临时费率说明
					syNum: '', //商业险合同号
					syRate: '', //商业险费率
					sytemporaryRate: "", //商业险临时费率
					sytemporarytext: "", //商业险临时费率说明
					outOrderDate: '', //出单日期
					distcount: '', //店端抵现金额
					addCommission: "", //店端加投费率
					backPrice: "", //返现金额
				},
				//查看保险单保险项目
				lookOrderItem: [],
				//退保时交强险和商业险信息显示
				backjqShow: true,
				backsyShow: true,
				//保险项目禁用状态
				jqdisabled: false,
				sydisabled: false,
				//保单类型
				radioSelect: 2,
				//是否联保
				continuous: '',
				//追加界面显示
				AdditionalShow: false,
				//追加保险单数据绑定
				AdditionalData: {
					AdditionalStartDate: '', //投保开始日期
					AdditionalStopDate: '', //投保结束日期
					AdditionalCompany: '', //投保保险公司
					payType: '2', //支付方式
					payNum: '', //支付账号
					outOrderDate: '', //出单日期
				},
				//等待框状态
				fullscreenloading: false,
				summaryShow: false,
				//审核日志界面
				examineShow: false,
				//审核日志表格数据
				tableDataList: [],
				auditShow: false,
				//新增客户档案
				customerShow: false,
				firstRecordDates: "",
				//客户档案
				customerData: {
					source: '', //被保险人类型0个人1单位
					carProperty: '', //新车属性
					salesProperty: '', //销售属性
					insured: "",
					compulsoryTotal: "",
					insuredIdNumber: "",
					carType: "",
					useProperty: "",
					commercialinsuranceTotal: "",
					driverLicense: "",
					vin: "",
					id: "",
					ower: "",
					email: "",
					passengerWeight: "",
					contactName: "",
					engineNum: "",
					updateUser: "",
					updateTime: "",
					firstRecordDate: null,
					plateNum: "",
					insuranceStopDate: '',
					carAge: "",
					realValue: "",
					companyId: "",
					createTime: "",
					createUser: "",
					postCode: "",
					insuredAddress: "",
					contactPhone: "",
					insuranceStartDate: "",
					carModel: "",
					carLevel: '',
					carValue: '',
					power: "",
					label: '', //厂牌型号
				},
				//初始化客户档案
				customerEmptyData: {
					source: '0', //被保险人类型0个人1单位
					carProperty: '', //新车属性
					salesProperty: '', //销售属性
					insured: "",
					compulsoryTotal: "",
					insuredIdNumber: "",
					carType: "",
					useProperty: "",
					commercialinsuranceTotal: "",
					driverLicense: "",
					vin: "",
					id: "",
					ower: "",
					email: "",
					passengerWeight: "",
					contactName: "",
					engineNum: "",
					updateUser: "",
					updateTime: "",
					firstRecordDate: null,
					plateNum: "",
					insuranceStopDate: "",
					carAge: "",
					realValue: "",
					companyId: "",
					createTime: "",
					createUser: "",
					postCode: "",
					insuredAddress: "",
					contactPhone: "",
					insuranceStartDate: "",
					carModel: "",
					carLevel: '',
					carValue: '',
					power: "",
					label: '', //厂牌型号
				},
				//客户档案校验规则
				//校验规则
				customerRule: {
					insured: [{
						required: true,
						message: '请输入被保险人',
						trigger: 'blur'
					}],
					insuredIdNumber: [{
						required: true,
						message: '请输入被保险人证件号',
						trigger: 'blur'
					}],
					contactPhone: [{
						required: true,
						message: '请输入联系电话',
						trigger: 'blur'
					}],
					vin: [{
						required: true,
						message: '请输入车架号',
						trigger: 'blur'
					}],
					carModel: [{
						required: true,
						message: '请输入车型',
						trigger: 'blur'
					}],
				},
				//报价预警
				yujingShow: false,
				yujingMsg: '',
				sum: '',
				//价格确认
				sureShow: false,
				//编辑界面显示
				editShow: false,
				//修改数据
				editData: {
					insuranceOrder: {},
					itemList: []
				},
				insuranceOrder: {
					distcount: '', //店端抵现金额
					addCommission: "", //店端加投费率
					addCommissionPrice: '', //店端加投金额
					id: "",
					quotationId: "",
					backPrice: "",
					commercialinsuranceNum: "",
					commercialinsurancePrice: "",
					compulsoryNum: "",
					compulsoryPrice: "",
					commissionSy: '',
					commissionSyTemp: '',
					commissionSyExp: '',
					isCommissionSyTemp: false,
					commissionJq: '',
					commissionJqTemp: '',
					isCommissionJqTemp: false,
					commissionJqExp: '',
					carId: '', //车辆ID
					payType: '2', //支付方式
					payNum: '', //支付账号
					outOrderDate: "", //出单日期
					commissionSyId: '', //保险佣金ID
					insuranceId: '', //保险单ID
				},
				insuranceOrderEmpty: {
					distcount: '', //店端抵现金额
					addCommission: "", //店端加投费率
					addCommissionPrice: '', //店端加投金额
					id: "",
					quotationId: "",
					backPrice: "0",
					commercialinsuranceNum: "",
					commercialinsurancePrice: "",
					compulsoryNum: "",
					compulsoryPrice: "",
					commissionSy: '',
					commissionSyTemp: '',
					commissionSyExp: '',
					isCommissionSyTemp: false,
					commissionJq: '',
					commissionJqTemp: '',
					isCommissionJqTemp: false,
					commissionJqExp: '',
					carId: '', //车辆ID
					payType: '2', //支付方式
					payNum: '', //支付账号
					outOrderDate: "", //出单日期
					commissionSyId: '', //保险佣金ID
					insuranceId: '', //保险单ID
				},
				searchCarShow: false,
				//搜索的车型数据
				SearchTreeData: [],
				//树型数据配置
				defaultProps: {
					children: 'child',
					label: 'label',
				},
				searhcarType: '',
				searchdatavale: '',
				searchdatalabel: '',
				searchdataNumber: '',
				giftShow: false,
				activeName: '1',
				//新增实体
				all: {
					carInfo: {}, // 车辆信息
					quotationInfo: {}, // 报价单信息
					quotationItems: {}, // 保险项目
					insuranceOrder: {}, // 保险单（出单信息）
				},
				//返现日期
				backTime: '',
				//新增时的车辆查询条件
				conditions: {
					key: "0",
					value: ""
				},

				comFormData: {
					insured: "",
					carAge: '',
					passengerWeight: "",
					contactName: "",
					engineNum: "",
					updateUser: "",
					updateTime: "",
					firstRecordDate: "",
					plateNum: "",
					insuredIDNumber: "",
					realValue: "",
					companyId: "",
					carType: "",
					createTime: "",
					useProperty: "",
					driverLicense: "",
					createUser: "",
					vin: "",
					postCode: "",
					id: "",
					insuredAddress: "",
					power: "",
					contactPhone: "",
					email: "",
					carModel: "",
					insuranceCompany: "",
					insuranceEndDate: ""
				},
				emptyData: {
					insured: "",
					carAge: '',
					passengerWeight: "",
					contactName: "",
					engineNum: "",
					updateUser: "",
					updateTime: "",
					firstRecordDate: "",
					plateNum: "",
					insuredIDNumber: "",
					realValue: "",
					companyId: "",
					carType: "",
					createTime: "",
					useProperty: "",
					driverLicense: "",
					createUser: "",
					vin: "",
					postCode: "",
					id: "",
					insuredAddress: "",
					power: "",
					contactPhone: "",
					email: "",
					carModel: "",
					insuranceCompany: "",
					insuranceEndDate: ""
				},
				storePareaCombo: [],
				storeAreaCombo: [],
				storeChanelCombo: [],
				storeNameCombo: [],
				QuotationFrom: {
					paramQuotation: {
						carId: "", //车辆ID
						carAge: '', //车龄
						insuranceCompanyId: "", //保险公司ID
						contactPeople: "", //联系人
						contactPhone: "", //联系电话
						insuranceStartDate: "", //保险起始日期
						insuranceStopDate: "", //保险终止日期
						ompulsoryTotal: "", //交强险总价
						commercialinsuranceTotal: "", //商业险总价
						remark: "", //备注
						insureType: '', //投保类别
						storeChanel: '', //渠道
						storeArea: '', //二级区域
						storeParea: '', //一级区域
						storeName: '', //门店
						storeAreaCode: '', //二级区域
						storePareaCode: '', //一级区域
						storeCode: '', //门店
						
					},
					insurance: ''
				},
				emptyQuotationFrom: {
					paramQuotation: {
						carId: "", //车辆ID
						carAge: '', //车龄
						insuranceCompanyId: "", //保险公司ID
						contactPeople: "", //联系人
						contactPhone: "", //联系电话
						insuranceStartDate: "", //保险起始日期
						insuranceStopDate: "", //保险终止日期
						ompulsoryTotal: "", //交强险总价
						commercialinsuranceTotal: "", //商业险总价
						remark: "", //备注
						insureType: '', //投保类别
						storeChanel: '', //渠道
						storeArea: '', //二级区域
						storeParea: '', //一级区域
						storeName: '', //门店
						storeAreaCode: '', //二级区域
						storePareaCode: '', //一级区域
						storeCode: '', //门店
					},
					insurance: ''
				},
				comFormShow: false, //车辆查询
				orderShow: false, //新增保险单弹框
				//赠品选择窗
				presentShow: false,
				persentShow: false,
				//返现弹框
				isRetMoney: false,
				//选择数据保存
				multipleSelection: [],
				//基盘类别
				insTypeConvertData: [],
				//保险公司
				queryActiveCombo: [],
				//页码数
				CurentPage: 1,
				//每页的数量
				page: this.page,
				//公司数据
				tableData: {
					total: 0,
					dataList: []
				},
				//佣金数据
				//分组数据
				tableDatas: {
					total: 0,
					dataList: []
				},
				condition: {
					iscompulsoryinsurance: '', //保单类别：0单交强1单商业2交商共保
					insuranceCompanyId: '',
					backType: "",
					selectReturnType: "",
					insureType: '',
					plateNum: "",
					commissionType: '',
					insuranceCommissionerName: "",
					outOrderStartDate: '',
					outOrderStopDate: '',
					insuranceType: '', //保单类别
					paramsKey: 'plateNum', //查询类型“车牌号plateNum，VIN vin,合同号contractNo”
				},
				//选中的对象
				checkData: {},
				moduleCombo: [{
					label: '车牌号',
					value: '0'
				}, {
					label: 'VIN',
					value: '1'
				}],
				companyCombo: [],
				//校验规则
				Rule: {},
				//校验规则
				Rules: {},
				infoData: { //车主车辆信息
					source: '', //被保险人类型 0个人1单位
					label: '',
					insured: "",
					compulsoryTotal: "",
					insuredIdNumber: "",
					carType: "",
					useProperty: "",
					commercialinsuranceTotal: "",
					driverLicense: "",
					vin: "",
					id: "",
					ower: "",
					email: "",
					passengerWeight: "",
					contactName: "",
					engineNum: "",
					updateUser: "",
					updateTime: "",
					firstRecordDate: "",
					plateNum: "",
					insuranceStopDate: "",
					carAge: "",
					realValue: "",
					companyId: "",
					createTime: "",
					createUser: "",
					postCode: "",
					insuredAddress: "",
					contactPhone: "",
					insuranceStartDate: "",
					carModel: "",
					insuranceCompanyId: ''
				},
				//出单页面的实体
				orderFromData: {
					discount: '', //店端抵现金额
					addCommission: '', //店端加投费率
					addCommissionPrice: "", //店端加投金额
					insuranceCommissionerId: "", //保单销售人员,
					commissionSyId: '',
					commissionJqId: '',
					commissionCcsId: '',
					commissionSyTemp: '', //商业险临时佣金
					commissionJqTemp: '', //交强险临时佣金
					commissionCcsTemp: '',//车船税临时佣金
					companyId: "",
					carId: "",
					insuranceCompanyId: "",
					insured: "",
					contactPhone: "",
					outOrderDate: "",
					payType: "2", //支付方式
					payPeople: "",
					payNum: "", //支付账号
					commercialinsuranceNum: "",
					commercialinsuranceStartDate: "", //商业
					commercialinsuranceStopDate: "",
					commercialinsurancePrice: "",
					commercialinsuranceBackPrice: "",
					commissionSy: '', //商业险佣金
					isCommissionSyTemp: false, //是否启用商业险
					commissionSyExp: '', //商业险佣金说明
					commissionCcs: '', //车船税佣金
					isCommissionCcsTemp: false, //是否启用临时车船税佣金
					commissionCcsExp: '', //车船税佣金说明
					compulsoryNum: "",
					compulsoryStartDate: "", //交强
					compulsoryStopDate: "",
					compulsoryPrice: "",
					compulsoryBackPrice: "",
					commissionJq: '', //交强险佣金
					isCommissionJqTemp: false, //是否启用交强险
					commissionJqExp: '', //交强险佣金说明
					backType: "",
					backDate: "",
					quotationId: "",
					//					commissionRate: "",
					commission: "",
					insuranceCommissionerName: "",
					baseType: "",
					discountInfo: "",
					remark: "",
					carProperty: '', //新车属性
					salesProperty: '', //销售属性
					compulsoryPrice: '', //交强 险总价
					commercialinsurancePrice: '', //商业险总价
					backCommission: "",//优惠费率
					backPrice: "0",
					iscompulsoryinsurance: '',
					continuous: '', //是否联保
					refereeName:'',//推荐人
				},
				//出单页面的实体清空
				emptyOrderFromData: {
					discount: '', //店端抵现金额
					addCommission: '', //店端加投费率
					addCommissionPrice: "", //店端加投金额
					insuranceCommissionerId: "", //保单销售人员,
					commissionSyId: '',
					commissionJqId: '',
					commissionCcsId: '',
					commissionSyTemp: '', //商业险临时佣金
					commissionJqTemp: '', //交强险临时佣金
					commissionCcsTemp: '',//车船税临时佣金
					companyId: "",
					carId: "",
					insuranceCompanyId: "",
					insured: "",
					contactPhone: "",
					outOrderDate: "",
					payType: "2", //支付方式
					payPeople: "",
					payNum: "", //支付账号
					commercialinsuranceNum: "",
					commercialinsuranceStartDate: "", //商业
					commercialinsuranceStopDate: "",
					commercialinsurancePrice: "",
					commercialinsuranceBackPrice: "",
					commissionSy: '', //商业险佣金
					isCommissionSyTemp: false, //是否启用商业险
					commissionSyExp: '', //商业险佣金说明
					compulsoryNum: "",
					compulsoryStartDate: "", //交强
					compulsoryStopDate: "",
					compulsoryPrice: "",
					compulsoryBackPrice: "",
					commissionJq: '', //交强险佣金
					isCommissionJqTemp: false, //是否启用交强险
					commissionJqExp: '', //交强险佣金说明
					commissionCcs: '', //车船税佣金
					isCommissionCcsTemp: false, //是否启用临时车船税佣金
					commissionCcsExp: '', //车船税佣金说明
					backType: "",
					backDate: "",
					quotationId: "",
					//					commissionRate: "",
					commission: "",
					insuranceCommissionerName: "",
					baseType: "",
					discountInfo: "",
					remark: "",
					carProperty: '', //新车属性
					salesProperty: '', //销售属性
					compulsoryPrice: '', //交强 险总价
					commercialinsurancePrice: '', //商业险总价
					backCommission: "",//优惠费率
					backPrice: "0",
					iscompulsoryinsurance: '',
					continuous: '', //是否联保
					refereeName:'',//推荐人
				},
				multipleSelections: [],
				companyId: "",
				pretableData: {
					dataList: []
				},
				activities: [], //查出来的市场活动
				//市场活动查询数据
				presentData: {
					activityId: '',
					nums: '',
					carId: ''
				},
				checked: true,
				intem: [{
					name: "交强险-车船使用税",
					type: 0,
					limit: "",
					price: "",
					id: 0,
					starts: false,
				}, {
					name: "交强险-保险费",
					type: 1,
					limit: "",
					price: "",
					id: 1,
					starts: false,
				}, {
					name: "车辆损失险",
					type: 1,
					limit: "",
					price: "",
					id: 2,
					starts: false,
				}, {
					name: "车辆损失险不计免赔",
					type: 1,
					limit: "",
					price: "",
					id: 3,
					starts: false,
				}, {
					name: "第三者责任险",
					type: 1,
					limit: "",
					price: "",
					id: 4,
					starts: false,
				}, {
					name: "第三者责任险不计免赔",
					type: 1,
					limit: "",
					price: "",
					id: 5,
					starts: false,
				}, {
					name: "盗抢险",
					type: 1,
					limit: "",
					price: "",
					id: 6,
					starts: false,
				}, {
					name: "盗抢险不计免赔",
					type: 1,
					limit: "",
					price: "",
					id: 7,
					starts: false,
				}, {
					name: "车上人员责任险-司机",
					type: 1,
					limit: "",
					price: "",
					id: 8,
					starts: false,
				}, {
					name: "车上人员责任险-乘客",
					type: 1,
					limit: "",
					price: "",
					id: 9,
					starts: false,
				}, {
					name: "车上人员责任险-司机-不计免赔",
					type: 1,
					limit: "",
					price: "",
					id: 10,
					starts: false,
				}, {
					name: "车上人员责任险-乘客-不计免赔",
					type: 1,
					limit: "",
					price: "",
					id: 11,
					starts: false,
				}, {
					name: "车身划痕险",
					type: 1,
					limit: "",
					price: "",
					id: 12,
					starts: false,
				}, {
					name: "车身划痕险不计免赔",
					type: 1,
					limit: "",
					price: "",
					id: 13,
					starts: false,
				}, {
					name: "自燃损失险",
					type: 1,
					limit: "",
					price: "",
					id: 14,
					starts: false,
				}, {
					name: "自燃损失险不计免赔",
					type: 1,
					limit: "",
					price: "",
					id: 15,
					starts: false,
				}, {
					name: "发动机涉水险",
					type: 1,
					limit: "",
					price: "",
					id: 16,
					starts: false,
				}, {
					name: "发动机涉水险不计免赔",
					type: 0,
					limit: "",
					price: "",
					id: 17,
					starts: false,
				}, {
					name: "玻璃单独玻璃险",
					type: 0,
					limit: "",
					price: "",
					id: 18,
					starts: false,
				}, {
					name: "润华玻璃险",
					type: 0,
					limit: "",
					price: "",
					id: 19,
					starts: false,
				}, {
					name: "机动车损失保险无法找到第三方特约险",
					type: 0,
					limit: "",
					price: "",
					id: 20,
					starts: false,
				}, {
					name: "车上货物责任险",
					type: 0,
					limit: "",
					price: "",
					id: 21,
					starts: false,
				}, {
					name: "润华划痕险",
					type: 0,
					limit: "",
					price: "",
					id: 22,
					starts: false,
				}, {
					name: "续保手册",
					type: 0,
					limit: "",
					price: "",
					id: 23,
					starts: false,
				}, {
					name: "驾意险",
					type: 0,
					limit: "",
					price: "",
					id: 24,
					starts: false,
				}, {
					name: "不计免赔",
					type: 0,
					limit: "",
					price: "",
					id: 25,
					starts: false,
				}, {
					name: "新增设备险",
					type: 0,
					limit: "",
					price: "",
					id: 26,
					starts: false,
				}, {
					name: "新增设备险不计免赔",
					type: 0,
					limit: "",
					price: "",
					id: 27,
					starts: false,
				}],
				//保险项目模板显示
				templateShow: "",
				jqxbj: "",
				syxbj: "",
				ccsjg: '', //车船税价格
				Qid: '',
				//校验规则
				Rule: {
					insuredIdNumber: [{
						required: true,
						message: '请输入被保险人证件号',
						trigger: 'blur'
					}],
					insured: [{
						required: true,
						message: '请输入被保险人',
						trigger: 'blur'
					}],
					contactPhone: [{
						required: true,
						message: '请输入联系电话',
						trigger: 'blur'
					}],
					carModel: [{
						required: true,
						message: '请选择车型',
						trigger: 'blur'
					}],
					driverLicense: [{
						required: true,
						message: '请输入行驶证车主',
						trigger: 'blur'
					}],
					firstRecordDate: [{
						required: true,
						message: '请选择初次登记日期',
						trigger: 'blur'
					}]
				},
				SummaryData: {
					all: {
						syPrice: "",
						jqCommissionPrice: "",
						backPrice: "",
						allPrice: "",
						allCommissionPrice: "",
						syCommissionPrice: "",
						jqPrice: "",
						count: "",
						couponPrice: ""
					},
					jq: {
						jqPrice: "",
						backPrice: "",
						jqCommissionPrice: "",
						count: "",
						couponPrice: "",
					},
					sy: {
						syPrice: "",
						backPrice: "",
						syCommissionPrice: "",
						count: "",
						couponPrice: "",
					}
				},
				//保险单退单所需要的数据
				backOrderShow: false, //退单界面显示
				backOrderData: { //退单界面数据
					backOrderStartDate: '', //投保开始日期
					backOrderStopDate: '', //投保结束日期
					backOrderCompany: '', //投保保险公司
					payType: '2', //支付方式
					payNum: '', //支付账号
					outOrderDate: '', //出单日期
				},
				//退单时存储的保险项目
				temporaryItem: [],
				//店端加投费率是否可填写
				addCommissionReadonly: false,
				//店端加投金额是否可填写
				addCommissionPriceReadonly: false,
				//交强险预设合同号长度
				jqNumberLenght: "",
				//商业险预设合同号长度
				syNumberLenght: '',
			}
		},
		methods: {
			//店端加投金额和店端加投费率只能填写一个
			addChangeFunction: function() {
				debugger;
				//新增
				if(this.$data.orderShow == true) {
					if(this.$data.orderFromData.addCommission == "" && this.$data.orderFromData.addCommissionPrice == "") {
						//店端加投费率和店端加投金额同时为空
						this.$data.addCommissionReadonly = false;
						this.$data.addCommissionPriceReadonly = false;
					} else if(this.$data.orderFromData.addCommission != "" && this.$data.orderFromData.addCommission != null) {
						//店端加投费率不为空，不能再填写店端加投金额
						this.$data.addCommissionPriceReadonly = true;
						this.$data.addCommissionReadonly = false;
					} else if(this.$data.orderFromData.addCommissionPrice != "" && this.$data.orderFromData.addCommissionPrice != null) {
						//店端加投金额不为空，不能填写店端加投费率
						this.$data.addCommissionReadonly = true;
						this.$data.addCommissionPriceReadonly = false;
					} else {
						this.$data.addCommissionReadonly = false;
						this.$data.addCommissionPriceReadonly = false;
					}
				}
				//编辑
				if(this.$data.editShow == true) {
					if(this.$data.insuranceOrder.addCommission == "" && this.$data.insuranceOrder.addCommissionPrice == "") {
						//店端加投费率和店端加投金额同时为空
						this.$data.addCommissionReadonly = false;
						this.$data.addCommissionPriceReadonly = false;
					} else if(this.$data.insuranceOrder.addCommission != "" && this.$data.insuranceOrder.addCommission != null) {
						//店端加投费率不为空，不能再填写店端加投金额
						this.$data.addCommissionReadonly = false;
						this.$data.addCommissionPriceReadonly = true;
					} else if(this.$data.insuranceOrder.addCommissionPrice != "" && this.$data.insuranceOrder.addCommissionPrice != null) {
						//店端加投金额不为空，不能填写店端加投费率
						this.$data.addCommissionReadonly = true;
						this.$data.addCommissionPriceReadonly = false;
					} else {
						this.$data.addCommissionReadonly = false;
						this.$data.addCommissionPriceReadonly = false;
					}
				}

			},
			//计算优惠金额
			backCommissionFunction:function(){
				this.$data.orderFromData.backPrice=parseInt(Number(this.$data.orderFromData.backCommission)*Number(this.$data.sum)/100)
			},
			//导出OA日报
			exportDayReport: function() {
				this.$http.post(this.API_ROOT + '/insurance/Order/statics/oa/day', this.$data.condition, {
						params: {

						}
					})
					.then(resp => {
						if(resp.data.success) {
							window.location.href = this.API_ROOT + "/base/exp/xlsx?fileId=" + resp.data.data + "&&fileName=保险OA日报-" + this.moment().format("YYYYMMDDHHmmss") + "&&fileType=xlsx";
						}
					}, resp => {});
			},
			//导出OA台账
			exportOA: function() {
				this.$http.post(this.API_ROOT + '/insurance/Order/statics/oa', this.$data.condition, {
						params: {}
					})
					.then(resp => {
						if(resp.data.success) {
							window.location.href = this.API_ROOT + "/base/exp/xlsx?fileId=" + resp.data.data + "&&fileName=保险OA台账-" + this.moment().format("YYYYMMDDHHmmss") + "&&fileType=xlsx";
						}
					}, resp => {});
			},
			//导出续保台账
			exportXb: function() {
				this.$http.post(this.API_ROOT + '/insurance/Order/statics/account', this.$data.condition, {
						params: {}
					})
					.then(resp => {
						if(resp.data.success) {
							window.location.href = this.API_ROOT + "/base/exp/xlsx?fileId=" + resp.data.data + "&&fileName=保险台账-" + this.moment().format("YYYYMMDDHHmmss") + "&&fileType=xlsx";
						}
					}, resp => {});
			},
			//新增时查询方式缓存
			queryTypeSave: function() {
				window.localStorage.setItem("orderQueryType", this.$data.conditions.key);
			},
			//新增客户档案时被保险人 = 联系人 = 行驶证车主
			peopleChange: function() {
				this.$data.customerData.contactName = this.$data.customerData.insured;
				this.$data.customerData.driverLicense = this.$data.customerData.insured;
			},
			//保单类型转换时触发事件
			radioSelectChange: function() {
				switch(this.$data.radioSelect) {
					case 0:
						this.$data.jqdisabled = false;
						this.$data.sydisabled = true;
						break;
					case 1:
						this.$data.jqdisabled = true;
						this.$data.sydisabled = false;
						break;
					case 2:
						this.$data.jqdisabled = false;
						this.$data.sydisabled = false;
						break;
				};
				this.timeChange(); //请求合同号和费率
				//清空保险项目
				for(var j = 0; j < this.$data.intem.length; j++) {
					this.$data.intem[j].starts = false;
					this.$data.intem[j].limit = "";
					this.$data.intem[j].price = "";
				};
				//计算价格
				this.sumPrice();
			},
			//追加所需要的方法
			//↓↓↓↓↓↓↓↓↓↓↓
			//保险单追加方法触发
			AdditionalFunction: function() {
				debugger;
				//选择保险单后追加保险单
				if(this.$data.multipleSelection.length != 1) {
					this.$message.error("请选择一条保险单")
				} else {
					//追加的保单，退保的保单，单交强的保单
					if(this.$data.multipleSelection[0].insuranceType == 1 || this.$data.multipleSelection[0].insuranceType == 2 || this.$data.multipleSelection[0].iscompulsoryinsurance == 0) {
						this.$message.error("该保单不允许追加！")
					} else if(this.$data.multipleSelection[0].returnType == 2) {
						this.$message.error("该保单已退保不允许追加！")
					} else {
						//初始化保险项目信息
						for(var j = 0; j < this.$data.intem.length; j++) {
							this.$data.intem[j].starts = false;
							this.$data.intem[j].limit = "";
							this.$data.intem[j].price = "";
						}
						//初始化出单信息
						this.$data.insuranceOrder = Object.assign(this.$data.insuranceOrder, this.$data.insuranceOrderEmpty);
						//显示追加界面
						this.$data.AdditionalShow = true;
						debugger;
						//获取投保开始日期
						this.$data.AdditionalData.AdditionalStartDate = "";
						this.$data.AdditionalData.AdditionalStopDate = "";
						if(this.$data.multipleSelection[0].jqStartDate == null || this.$data.multipleSelection[0].jqStartDate == "") {
							this.$data.AdditionalData.AdditionalStartDate = this.$data.multipleSelection[0].syStartDate;
						} else {
							this.$data.AdditionalData.AdditionalStartDate = this.$data.multipleSelection[0].jqStartDate;
						};
						//获取投保结束日期
						if(this.$data.multipleSelection[0].jqStopDate == null || this.$data.multipleSelection[0].jqStopDate == "") {
							this.$data.AdditionalData.AdditionalStopDate = this.$data.multipleSelection[0].syStopDate;
						} else {
							this.$data.AdditionalData.AdditionalStopDate = this.$data.multipleSelection[0].jqStopDate;
						}
						//获取投保保险公司
						this.$data.AdditionalData.AdditionalCompany = this.$data.multipleSelection[0].insuranceCompanyId;
						//获取保险单出单信息
						this.outOrderQuery();
					}
				}
			},
			//追加保险单是查询出单信息
			outOrderQuery: function() {
				//请求上次保险单出单信息
				this.$http({
					method: 'POST',
					url: this.API_ROOT + '/insurance/Order/infoToUpd',
					params: {
						id: this.$data.multipleSelection[0].id,
					}
				}).then(function(resp) {
					if(resp.data.success) {
						//获取返回的出单信息
						this.$data.insuranceOrder = resp.data.data;
						//是否启用临时佣金；后端传的String，转换成布尔型
						if(this.$data.insuranceOrder.isCommissionJqTemp == "true") {
							this.$data.insuranceOrder.isCommissionJqTemp = true;
						} else {
							this.$data.insuranceOrder.isCommissionJqTemp = false;
						};
						if(this.$data.insuranceOrder.isCommissionSyTemp == "true") {
							this.$data.insuranceOrder.isCommissionSyTemp = true;
						} else {
							this.$data.insuranceOrder.isCommissionSyTemp = false;
						};
						//返现金额为‘0’
						this.$data.insuranceOrder.backPrice = "0";
						//退单时合同号显示
						switch(resp.data.data.iscompulsoryinsurance) {
							case '0':
								this.$data.backjqShow = true;
								this.$data.backsyShow = false;
								break;
							case '1':
								this.$data.backjqShow = false;
								this.$data.backsyShow = true;
								break;
							case '2':
								this.$data.backjqShow = true;
								this.$data.backsyShow = true;
								break;
						};
					}
				}, function(error) {})
			},
			//保存追加的保险单
			AdditionalSave: function() {
				this.$data.fullscreenloading = true;
				debugger;
				//保存前验证
				if(this.$data.AdditionalData.payType == "" || this.$data.AdditionalData.outOrderDate == "") {
					this.$message.error("请完善支付方式或出单日期")
					this.$data.fullscreenloading = false;
					return false;
				}
				//保存信息
				var saveData = {
					insuranceOrder: {}, //出单信息
					quotationItems: [], //保险项目
				};
				//出单信息
				saveData.insuranceOrder = this.$data.insuranceOrder;
				saveData.insuranceOrder.payType = this.$data.AdditionalData.payType;
				saveData.insuranceOrder.payNum = this.$data.AdditionalData.payNum;
				saveData.insuranceOrder.outOrderDate = moment(this.$data.AdditionalData.outOrderDate).format("YYYY-MM-DD");
				saveData.insuranceOrder.carId = this.$data.multipleSelection[0].carId;
				saveData.insuranceOrder.insuranceId = this.$data.multipleSelection[0].id;
				saveData.insuranceOrder.commercialinsurancePrice = this.$data.syxbj;
				saveData.insuranceOrder.id = '';
				//投保时间
				saveData.insuranceOrder.commercialinsuranceStartDate = moment(this.$data.AdditionalData.AdditionalStartDate).format("YYYY-MM-DD");
				saveData.insuranceOrder.commercialinsuranceStopDate = moment(this.$data.AdditionalData.AdditionalStopDate).format("YYYY-MM-DD");
				//找出选中的保险项目
				var j = 0;
				for(var i = 0; i < this.$data.intem.length; i++) {
					//勾选保险项目未填写保费时
					if(this.$data.intem[i].starts == true && this.$data.intem[i].price == "") {
						this.$message.error(this.$data.intem[i].name + "未填写保费!");
						this.$data.fullscreenloading = false;
						return false;
					};
					//三者保额验证
					if(i == 4 && this.$data.intem[i].starts == true && this.$data.intem[i].limit == "") {
						this.$message.error(this.$data.intem[i].name + "未填写保额!");
						this.$data.fullscreenloading = false;
						return false;
					}
					//车上司机保额验证
					if(i == 8 && this.$data.intem[i].starts == true && this.$data.intem[i].limit == "") {
						this.$message.error(this.$data.intem[i].name + "未填写保额!");
						this.$data.fullscreenloading = false;
						return false;
					}
					//车上乘客保额验证
					if(i == 9 && this.$data.intem[i].starts == true && this.$data.intem[i].limit == "") {
						this.$message.error(this.$data.intem[i].name + "未填写保额!");
						this.$data.fullscreenloading = false;
						return false;
					}
					//筛选出已选中的保险项目
					if(this.$data.intem[i].starts == true && this.$data.intem[i].price != "") {
						saveData.quotationItems[j] = this.$data.intem[i];
						j++;
					}
				}
				//如果saveData.quotationItems的长度为空说明没有选择保险项目
				if(saveData.quotationItems.length == 0) {
					this.$message.error("请填写保险项目！");
					this.$data.fullscreenloading = false;
					return false;
				}
				this.$http({
					method: 'POST',
					url: this.API_ROOT + '/insurance/Order/save/add',
					body: saveData,
					params: {}
				}).then(function(resp) {
					debugger;
					if(resp.data.success) {
						this.$data.AdditionalShow = false;
						this.$message(resp.data.msg);
						this.orderQuery(); //刷新列表数据
					} else {
						this.$message.error(resp.data.msg);
					}
					this.$data.fullscreenloading = false;
				}, resp => {});
			},
			//追加保险单修改出单日期获取佣金信息
			outOrderDateChange: function() {
				debugger;
				if(this.$data.AdditionalData.outOrderDate) {
					this.$data.AdditionalData.outOrderDate = moment(this.$data.AdditionalData.outOrderDate).format("YYYY-MM-DD");
				} else {
					return false;
				}
				this.$http({
					method: 'POST',
					url: this.API_ROOT + '/insurance/infos',
					params: {
						companyId: this.$data.AdditionalData.AdditionalCompany,
						quotationId: this.$data.multipleSelection[0].quotationId,
						time: this.$data.AdditionalData.outOrderDate
					}
				}).then(function(resp) {
					debugger;
					if(resp.data.success) {
						//						this.$data.insuranceOrder.commercialinsuranceNum = resp.data.data.company.contractSyNo;
						this.$data.insuranceOrder.commissionSy = resp.data.data.sy.commission;
						this.$data.insuranceOrder.commissionSyId = resp.data.data.sy.id;
					} else {
						this.$message.error(resp.data.msg);
					}
				}, function(error) {})
			},
			// ↑↑↑↑↑↑
			//追加保险单所需要的方法

			//保险单退单所需要的方法
			//↓↓↓↓↓↓↓
			//点击退保按钮触发的方法
			backOrder: function() {
				debugger;
				//选择保险单后退单
				if(this.$data.multipleSelection.length != 1) {
					this.$message.error("请选择一条保险单")
				} else {
					if(this.$data.multipleSelection[0].insuranceType == 2) {
						this.$message.error("这是一个退单！");
					} else if(this.$data.multipleSelection[0].returnType == 2) {
						this.$message.error("该保单已退保不允许再次退保！")
					} else {
						//初始化保险项目信息
						for(var j = 0; j < this.$data.intem.length; j++) {
							this.$data.intem[j].starts = false;
							this.$data.intem[j].limit = "";
							this.$data.intem[j].price = "";
						}
						//初始化出单信息
						this.$data.insuranceOrder = Object.assign(this.$data.insuranceOrder, this.$data.insuranceOrderEmpty);
						//显示追加界面
						this.$data.backOrderShow = true;
						//获取投保开始日期
						if(this.$data.multipleSelection[0].jqStartDate == null || this.$data.multipleSelection[0].jqStartDate == "") {
							this.$data.backOrderData.backOrderStartDate = this.$data.multipleSelection[0].syStartDate;
						} else {
							this.$data.backOrderData.backOrderStartDate = this.$data.multipleSelection[0].jqStartDate;
						}
						//获取投保结束日期
						if(this.$data.multipleSelection[0].jqStopDate == null || this.$data.multipleSelection[0].jqStopDate == "") {
							this.$data.backOrderData.backOrderStopDate = this.$data.multipleSelection[0].syStopDate;
						} else {
							this.$data.backOrderData.backOrderStopDate = this.$data.multipleSelection[0].jqStopDate;
						}
						//获取投保保险公司
						this.$data.backOrderData.backOrderCompany = this.$data.multipleSelection[0].insuranceCompanyId;
						//获取保险单出单信息
						this.outOrderQuery();
						//查询上个保险单的保险项目信息
						this.backOrderBackItem();
					}
				}
			},
			saveBackOrder: function() {
				this.$data.fullscreenloading = true;
				debugger;
				//保存前验证
				//保存信息
				var saveData = {
					insuranceOrder: {}, //出单信息
					quotationItems: [], //保险项目
				};
				//出单信息
				saveData.insuranceOrder = this.$data.insuranceOrder;
				saveData.insuranceOrder.payType = this.$data.backOrderData.payType;
				saveData.insuranceOrder.payNum = this.$data.backOrderData.payNum;
				saveData.insuranceOrder.carId = this.$data.multipleSelection[0].carId;
				if(this.$data.multipleSelection[0].insuranceType == '0') {
					saveData.insuranceOrder.insuranceId = this.$data.multipleSelection[0].id;
				} else {
					saveData.insuranceOrder.insuranceId = this.$data.multipleSelection[0].insuranceId;
				}
				saveData.insuranceOrder.commercialinsurancePrice = this.$data.syxbj;
				saveData.insuranceOrder.compulsoryPrice = Number(Number(this.$data.jqxbj) + Number(this.$data.ccsjg)).toFixed(2);

				//投保结束时间
				saveData.insuranceOrder.commercialinsuranceStartDate = moment(this.$data.backOrderData.backOrderStartDate).format("YYYY-MM-DD");
				saveData.insuranceOrder.commercialinsuranceStopDate = moment(this.$data.backOrderData.backOrderStopDate).format("YYYY-MM-DD");
				//找出选中的保险项目
				var j = 0;
				for(var i = 0; i < this.$data.intem.length; i++) {
					//勾选保险项目未填写保费时
					if(this.$data.intem[i].starts == true && this.$data.intem[i].price == "") {
						this.$message.error(this.$data.intem[i].name + "未填写保费!");
						this.$data.fullscreenloading = false;
						return false;

					};
					//三者保额验证
					if(i == 4 && this.$data.intem[i].starts == true && this.$data.intem[i].limit == "") {
						this.$message.error(this.$data.intem[i].name + "未填写保额!");
						this.$data.fullscreenloading = false;
						return false;

					}
					//车上司机保额验证
					if(i == 8 && this.$data.intem[i].starts == true && this.$data.intem[i].limit == "") {
						this.$message.error(this.$data.intem[i].name + "未填写保额!");
						this.$data.fullscreenloading = false;
						return false;

					}
					//车上乘客保额验证
					if(i == 9 && this.$data.intem[i].starts == true && this.$data.intem[i].limit == "") {
						this.$message.error(this.$data.intem[i].name + "未填写保额!");
						this.$data.fullscreenloading = false;
						return false;

					}
					//筛选出已选中的保险项目
					if(this.$data.intem[i].starts == true && this.$data.intem[i].price != "") {
						saveData.quotationItems[j] = this.$data.intem[i];
						j++;
					}
				}
				//如果saveData.quotationItems的长度为空说明没有选择保险项目
				if(saveData.quotationItems.length == 0) {
					this.$message.error("请填写保险项目！");
					this.$data.fullscreenloading = false;
					return false;
				}
				//将选中的保险项目与暂存的保险项目比较
				for(var m = 0; m < saveData.quotationItems.length; m++) {
					for(var n = 0; n < this.$data.temporaryItem.length; n++) {
						if(saveData.quotationItems[m].id == this.$data.temporaryItem[n].id) {
							break; //选中与暂存匹配跳出循环
						}
						if(n == this.$data.temporaryItem.length - 1 && saveData.quotationItems[m].id != this.$data.temporaryItem[n].id) { //暂存的最后一个不匹配
							this.$message.error(saveData.quotationItems[m].name + "不属于上次保单的保险项目");
							this.$data.fullscreenloading = false;
							return false;
						}
					}
				}
				//保存
				this.$http({
					method: 'POST',
					url: this.API_ROOT + '/insurance/Order/returnOrder',
					body: saveData,
					params: {

					}
				}).then(function(resp) {
					debugger;
					if(resp.data.success) {
						this.$data.backOrderShow = false;
						this.$message(resp.data.msg);
						this.orderQuery(); //刷新列表数据
					} else {
						this.$message.error(resp.data.msg);
					}
					this.$data.fullscreenloading = false;
				}, resp => {

				});
			},
			//退单时查询已有的保险项目
			backOrderBackItem: function() {
				debugger;
				this.$http({
					method: 'POST',
					url: this.API_ROOT + '/insurance/QuotationItem/return',
					params: {
						orderId: this.$data.multipleSelection[0].id,
						qId: this.$data.multipleSelection[0].quotationId
					}
				}).then(function(resp) {
					if(resp.data.success) {
						debugger;
						var respData = new Array();
						respData = resp.data.dataList;
						//保险单有的保险项目
						for(var i = 0; i < respData.length; i++) {
							for(var j = 0; j < this.$data.intem.length; j++) {
								if(this.$data.intem[j].id == respData[i].itemId) {
									this.$data.intem[j].starts = true;
									this.$data.intem[j].limit = respData[i].itemLimit;
									this.$data.intem[j].price = respData[i].itemPrice;
									break;
								}
							}
						};
						//将该保险单有的保险项目暂存
						var n = 0;
						for(var m = 0; m < this.$data.intem.length; m++) {
							if(this.$data.intem[m].starts == true) {
								this.$data.temporaryItem[n] = this.$data.intem[m];
								n++;
							}
						}
						this.sumPrice();
					}
				}, function(error) {})
			},
			// ↑↑↑↑↑↑
			//保险单退单所需要的方法
			//获取保险公司模板
			getTemplateShow: function(type) {
				debugger;
				var dataId
				//type=1:this.$data.QuotationFrom.paramQuotation.insuranceCompanyId,
				//type=2:this.$data.AdditionalData.AdditionalCompany
				if(type == '1') {
					dataId = this.$data.QuotationFrom.paramQuotation.insuranceCompanyId;
				} else if(type == '2') {
					dataId = this.$data.AdditionalData.AdditionalCompany;
				} else if(type == '3') {
					dataId = this.$data.backOrderData.backOrderCompany;
				}
				this.$http({
					method: 'POST',
					url: this.API_ROOT + '/insurance/info',
					params: {
						id: dataId,
					}
				}).then(function(resp) {
					debugger;
					if(resp.data.success) {
						this.$data.templateShow = resp.data.data.templet;
					}
				}, resp => {

				});
			},
			//汇总
			Summary: function() {
				debugger;
				this.$data.condition.outOrderStartDate = this.momentFu(this.$data.condition.outOrderStartDate);
				this.$data.condition.outOrderStopDate = this.momentFu(this.$data.condition.outOrderStopDate);
				this.$http.post(this.API_ROOT + '/insurance/Order/page/statistics', this.$data.condition, {
					params: {}
				}).then(resp => {
					debugger;
					if(resp.data.success) {
						this.$data.SummaryData.all = resp.data.all;
						this.$data.SummaryData.jq = resp.data.jq;
						this.$data.SummaryData.sy = resp.data.sy;
						this.$data.summaryShow = true;
						if(this.$data.SummaryData.jq.couponPrice == "" || this.$data.SummaryData.jq.couponPrice == null) {
							this.$data.SummaryData.jq.couponPrice = "0";
						}
						if(this.$data.SummaryData.sy.couponPrice == "" || this.$data.SummaryData.sy.couponPrice == null) {
							this.$data.SummaryData.sy.couponPrice = "0";
						}
					} else {
						//debugger;
						this.$message.error(resp.data.msg);
					}
				}, resp => {});
			},
			//总佣金计算 
			sumCommissionPrice: function(row, column) {
				return Number(Number(row.jqCommissionPrice) + Number(row.syCommissionPrice)).toFixed(2);
			},
			//店端家头费率
			syAddCommission: function(row, column) {
				if(row.syAddCommission) {
					return row.syAddCommission + "%";
				} else {
					return '';
				}
			},
			//双击表格审核界面展示
			examine: function(row, event) {
				debugger;
				this.$data.lookOrderShow = true;
				//查询审核日志
				this.examineQuery(row.id);
				//查询客户信息
				this.customerQuery(row.vin);
				//查询出单信息
				this.lookOrderQuery(row.id);
				//查询保险项目
				this.lookOrderItemQuery(row.id, row.quotationId);
			},
			//查询保险项目
			lookOrderItemQuery: function(id, qId) {
				//清空保险项目
				this.$data.lookOrderItem = [];
				debugger;
				this.$http({
					method: 'POST',
					url: this.API_ROOT + '/insurance/QuotationItem/return',
					params: {
						orderId: id,
						qId: qId
					}
				}).then(function(resp) {
					debugger;
					if(resp.data.success) {
						this.$data.lookOrderItem = resp.data.dataList;
					}
				}, function(error) {})
			},
			//查询出单信息
			lookOrderQuery: function(id) {
				//请求上次保险单出单信息
				this.$http({
					method: 'POST',
					url: this.API_ROOT + '/insurance/Order/infoToUpd',
					params: {
						id: id,
					}
				}).then(function(resp) {
					debugger;
					if(resp.data.success) {
						this.$data.lookOrderData.jqNum = resp.data.data.compulsoryNum;
						this.$data.lookOrderData.jqRate = resp.data.data.commissionJq;
						this.$data.lookOrderData.jqtemporaryRate = resp.data.data.commissionJqTemp;
						this.$data.lookOrderData.jqtemporarytext = resp.data.data.commissionJqExp;
						this.$data.lookOrderData.syNum = resp.data.data.commercialinsuranceNum;
						this.$data.lookOrderData.syRate = resp.data.data.commissionSy;
						this.$data.lookOrderData.sytemporaryRate = resp.data.data.commissionSyTemp;
						this.$data.lookOrderData.sytemporarytext = resp.data.data.commissionSyExp;
						this.$data.lookOrderData.backPrice = resp.data.data.backPrice; //返现金额
						this.$data.lookOrderData.distcount = resp.data.data.distcount; //抵现金额
						this.$data.lookOrderData.addCommission = resp.data.data.addCommission; //加投费率
						this.$data.lookOrderData.outOrderDate = resp.data.data.outOrderDate; //出单日期
					}
				}, function(error) {})
			},
			//查询客户信息
			customerQuery: function(vin) {
				this.$http({
					method: 'POST',
					url: this.API_ROOT + '/insurance/car/info',
					params: {
						key: 1,
						value: vin,
					}
				}).then(function(resp) {
					debugger;
					if(resp.data.success) {
						this.$data.lookCustomerData.name = resp.data.data.insured; //被保险人
						this.$data.lookCustomerData.peopleNum = resp.data.data.insuredIDNumber; //身份证号
						this.$data.lookCustomerData.peoplePhone = resp.data.data.contactPhone; //联系电话
						this.$data.lookCustomerData.carModel = resp.data.data.carModel; //车型
						this.$data.lookCustomerData.plateNum = resp.data.data.plateNum; //车牌号
						this.$data.lookCustomerData.vin = resp.data.data.vin; //车架号
					}
				}, function(error) {})
			},
			//查询审核日志
			examineQuery: function(id) {
				debugger;
				//查询
				this.$http.get(this.API_ROOT + '/insurance/commission/exam/confim/list', {
					params: {
						id: id
					}
				}).then(resp => {
					debugger;
					this.$data.tableDataList = resp.data.data;
				}, resp => {});
			},
			//取消按钮清除保险单信息
			comFormShowsClose: function() {
				this.$confirm('此操作将删除本次保存的保险单信息, 是否继续?', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					this.$http({
						method: 'POST',
						url: this.API_ROOT + '/insurance/Quotation/del',
						params: {
							id: this.$data.Qid,
						}
					}).then(function(resp) {
						debugger;
						//						this.$message(resp.data.msg);
						this.orderQuery();
						this.outPresentDelete();
						this.$data.orderShow = false;
					}, function(error) {})
				}).catch(() => {
					this.$message({
						type: 'info',
						message: '已取消删除'
					});
				});
			},
			handleIconClick: function() {
				this.$data.searchCarShow = true;
			},
			//身份验证
			isCardNo: function(card) {
				debugger;
				// 身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X  
				var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x|Y|y|)$)/;
				if(reg.test(card) === false) {
					return false;
				} else {
					return true;
				}
			},
			//保存客户档案
			saveCustomer: function() {
				debugger;
				if(this.$data.customerData.source == '0' && this.isCardNo(this.$data.customerData.insuredIdNumber) == false) {
					this.$message.error("请填写正确的身份证号");
				} else if(this.$data.customerData.firstRecordDate == null || this.$data.customerData.firstRecordDate == "") {
					this.$message.error("请选择初次登记日期");
				} else if(this.$data.customerData.vin.length != 17) {
					this.$message.error("请填写正确的车架号");
				} else if(this.$data.customerData.plateNum == '') {
					this.$data.customerData.firstRecordDate = this.momentFu(this.$data.customerData.firstRecordDate);
					this.$confirm('确定不填写车牌号吗?', '提示', {
						confirmButtonText: '确定',
						cancelButtonText: '取消',
						type: 'warning'
					}).then(() => {
						this.$refs.customer.validate(function(valid, $event) {
							// 验证通过
							if(valid) {
								debugger;
								this.$http.post(this.API_ROOT + '/insurance/car/save', this.$data.customerData)
									.then(resp => {
										if(resp.data.success) {
											debugger;
											if(this.$data.customerData.plateNum) {
												this.$data.conditions.key = "0";
												this.$data.conditions.value = this.$data.customerData.plateNum;
												this.carQuery();
											} else {
												this.$data.conditions.key = "1";
												this.$data.conditions.value = this.$data.customerData.vin;
												this.carQuery();
											}
											this.$data.QuotationFrom.paramQuotation.insureType = 'sb';
											this.$data.QuotationFrom.paramQuotation.insuranceStartDate = this.$data.customerData.firstRecordDate;
											this.$data.customerShow = false;
											this.$message(resp.data.msg);
										} else {
											this.$message.error(resp.data.msg);
										}
									}, resp => {});
							}
						}.bind(this))
					}).catch(() => {
						this.$message({
							type: 'info',
							message: '取消'
						});
					});
				} else {
					this.$refs.customer.validate(function(valid, $event) {
						// 验证通过
						if(valid) {
							debugger;
							this.$http.post(this.API_ROOT + '/insurance/car/save', this.$data.customerData)
								.then(resp => {
									if(resp.data.success) {
										debugger;
										this.$data.conditions.key = "0";
										this.$data.conditions.value = this.$data.customerData.plateNum;
										this.$data.customerShow = false;
										this.$message(resp.data.msg);
										this.carQuery();
									} else {
										this.$message.error(resp.data.msg);
									}
								}, resp => {

								});
						}
					}.bind(this))
				}
			},
			//不计免赔何在一起
			startChangeTwo: function(num) {
				debugger;
				if(num == "0") {
					//车船税
					if(this.$data.intem[0].starts == true) {
						this.$data.intem[1].starts = true;
					}
					if(this.$data.intem[0].starts == false) {
						this.$data.intem[1].starts = false;
						this.$data.intem[0].price = "";
						this.$data.intem[1].price = "";
					}
				} else if(num == "1") {
					//交强险
					if(this.$data.intem[1].starts == true) {
						this.$data.intem[0].starts = true;
					}
					if(this.$data.intem[1].starts == false) {
						this.$data.intem[0].starts = false;
						this.$data.intem[0].price = "";
						this.$data.intem[1].price = "";
					}
				} else if(num == "8") {
					//车上人员-司机
					if(this.$data.intem[8].starts == true) {
						this.$data.intem[8].limit = "1";
					}
					if(this.$data.intem[8].starts == false) {
						this.$data.intem[8].limit = "";
						this.$data.intem[8].price = "";
					}
				} else if(num == "9") {
					//车上人员-乘客
					if(this.$data.intem[9].starts == true) {
						this.$data.intem[9].limit = "4";
					}
					if(this.$data.intem[9].starts == false) {
						this.$data.intem[9].limit = "";
						this.$data.intem[9].price = "";
					}
				} else if(this.$data.intem[num].starts == false) {
					this.$data.intem[num].limit = "";
					this.$data.intem[num].price = "";
				}
				this.sumPrice();
				this.editJqOrSyShow();
			},
			//不计免赔分开选择险种自动选中不计免赔
			startChange: function(num) {
				debugger;
				if(num == "0") {
					//交强险
					if(this.$data.intem[0].starts == true) {
						this.$data.intem[1].starts = true;
					}
					if(this.$data.intem[0].starts == false) {
						this.$data.intem[1].starts = false;
						this.$data.intem[0].price = "";
						this.$data.intem[1].price = "";
					}
				} else if(num == "1") {
					if(this.$data.intem[1].starts == true) {
						this.$data.intem[0].starts = true;
					}
					if(this.$data.intem[1].starts == false) {
						this.$data.intem[0].starts = false;
						this.$data.intem[0].price = "";
						this.$data.intem[1].price = "";
					}
				} else if(num == "2") {
					//车辆损失险
					if(this.$data.intem[2].starts == true) {
						this.$data.intem[3].starts = true;
					}
					if(this.$data.intem[2].starts == false) {
						this.$data.intem[3].starts = false;
						this.$data.intem[2].price = "";
						this.$data.intem[3].price = "";
					}
				} else if(num == "4") {
					//第三者责任险
					if(this.$data.intem[4].starts == true) {
						this.$data.intem[5].starts = true;
					}
					if(this.$data.intem[4].starts == false) {
						this.$data.intem[5].starts = false;
						this.$data.intem[4].price = "";
						this.$data.intem[5].price = "";
						this.$data.intem[4].limit = "";
						this.$data.intem[5].limit = "";
					}
				} else if(num == "6") {
					//盗抢险
					if(this.$data.intem[6].starts == true) {
						this.$data.intem[7].starts = true;
					}
					if(this.$data.intem[6].starts == false) {
						this.$data.intem[7].starts = false;
						this.$data.intem[6].price = "";
						this.$data.intem[7].price = "";
					}
				} else if(num == "8") {
					//车上人员责任险-司机.司机
					if(this.$data.intem[8].starts == true) {
						this.$data.intem[10].starts = true;
						this.$data.intem[8].limit = '1';
						this.$data.intem[10].limit = '1';
					}
					if(this.$data.intem[8].starts == false) {
						this.$data.intem[10].starts = false;
						this.$data.intem[8].price = "";
						this.$data.intem[10].price = "";
						this.$data.intem[8].limit = "";
						this.$data.intem[10].limit = "";
					}
				} else if(num == "9") {
					//车上人员责任险-乘客
					if(this.$data.intem[9].starts == true) {
						this.$data.intem[11].starts = true;
						this.$data.intem[9].limit = '4';
						this.$data.intem[11].limit = '4';
					}
					if(this.$data.intem[9].starts == false) {
						this.$data.intem[11].starts = false;
						this.$data.intem[9].price = "";
						this.$data.intem[11].price = "";
						this.$data.intem[9].limit = "";
						this.$data.intem[11].limit = "";
					}
				} else if(num == "12") {
					//车身划痕险
					if(this.$data.intem[12].starts == true) {
						this.$data.intem[13].starts = true;
					}
					if(this.$data.intem[12].starts == false) {
						this.$data.intem[13].starts = false;
						this.$data.intem[12].price = "";
						this.$data.intem[13].price = "";
					}
				} else if(num == "14") {
					//自然损失险
					if(this.$data.intem[14].starts == true) {
						this.$data.intem[15].starts = true;
					}
					if(this.$data.intem[14].starts == false) {
						this.$data.intem[15].starts = false;
						this.$data.intem[14].price = "";
						this.$data.intem[15].price = "";
					}
				} else if(num == "16") {
					//发动机涉水险
					if(this.$data.intem[16].starts == true) {
						this.$data.intem[17].starts = true;
					}
					if(this.$data.intem[16].starts == false) {
						this.$data.intem[17].starts = false;
						this.$data.intem[16].price = "";
						this.$data.intem[17].price = "";
					}
				} else if(num == "26") {
					//发动机涉水险
					if(this.$data.intem[26].starts == true) {
						this.$data.intem[27].starts = true;
					}
					if(this.$data.intem[26].starts == false) {
						this.$data.intem[27].starts = false;
						this.$data.intem[26].price = "";
						this.$data.intem[27].price = "";
					}
				} else {
					if(this.$data.intem[num].starts == false) {
						this.$data.intem[num].price = "";
						this.$data.intem[num].limit = "";
					}
				}
				this.sumPrice();
				this.editJqOrSyShow();
			},
			//修改保险单根据勾选项目显示交强和商业出单信息
			editJqOrSyShow: function() {
				if(this.$data.intem[0].starts == true || this.$data.intem[1].starts == true) {
					this.$data.editOrderJqShow = true;
				} else {
					this.$data.editOrderJqShow = false;
				}
				//修改报价单时显示交强险和商业险出单信息
				for(var i = 2; i < this.$data.intem.length; i++) {
					//除了0和1都是商业险
					if(this.$data.intem[i].starts == true) {
						this.$data.editOrderSyShow = true;
						break;
					}
					//循环到最后一个还是false说明没有勾选商业险
					if(i == this.$data.intem.length - 1 && this.$data.intem[i].starts == false) {
						this.$data.editOrderSyShow = false;
					}
				}
			},
			//时间判断为空的封装
			momentFu: function(dt) {
				if(dt == '' || dt == null || dt == undefined) {
					return "";
				} else {
					return this.moment(dt).format("YYYY-MM-DD");
				}
			},
			//
			savePrice: function() {
				this.sureShow = false;
				if(this.$data.syxbj == 0) {
					this.yujingSave();
				} else {
					//				if(this.saveItems()) {
					//报价检测
					//					this.$http.get(this.API_ROOT + '/insurance/Quotation/checkWarning', {
					//						params: {
					//							carId: this.$data.QuotationFrom.paramQuotation.carId,
					//							syPrice: this.$data.syxbj,
					//						}
					//					}).then(resp => {
					//						debugger;
					//						if(resp.data.success) {
					this.yujingSave();
					//						} else {
					//							this.$data.yujingShow = true;
					//							this.$data.yujingMsg = resp.data.msg;
					//						}
					//
					//					}, resp => {});
				}
			},
			yujingSave: function() {
				this.$data.fullscreenloading = true;
				this.$data.orderFromData.commercialinsuranceStartDate = this.moment(this.$data.orderFromData.commercialinsuranceStartDate).format("YYYY-MM-DD");
				this.$data.orderFromData.commercialinsuranceStopDate = this.moment(this.$data.orderFromData.commercialinsuranceStopDate).format("YYYY-MM-DD");
				this.$data.orderFromData.compulsoryStartDate = this.moment(this.$data.orderFromData.compulsoryStartDate).format("YYYY-MM-DD");
				this.$data.orderFromData.compulsoryStopDate = this.moment(this.$data.orderFromData.compulsoryStopDate).format("YYYY-MM-DD");
				this.$data.all.insuranceOrder = this.$data.orderFromData; //赋值，出单数据，赋给大map
				this.$data.orderFromData.compulsoryPrice = Number(Number(this.$data.jqxbj) + Number(this.$data.ccsjg)).toFixed(2);
				this.$data.orderFromData.commercialinsurancePrice = this.$data.syxbj;
				this.$data.all.quotationInfo.id = this.$data.Qid;
				this.$data.all.insuranceOrder.iscompulsoryinsurance = this.$data.radioSelect;
				this.$data.all.insuranceOrder.continuous = this.$data.continuous; //是否联保
				this.saveItems(); //保存保险项

				this.$http.post(this.API_ROOT + '/insurance/Order/addInsuranceOrder', this.$data.all).then(resp => {
					debugger;
					this.$data.fullscreenloading = false;
					if(resp.data.success) {
						this.$message(resp.data.msg);
						this.$data.orderShow = false;
						this.orderQuery();
						this.$data.yujingShow = false;
					} else {
						//debugger;
						this.$message.error(resp.data.msg);
						this.$data.yujingShow = false;
					}
					
					//
					this.$data.orderFromData.iscompulsoryinsurance = '';
				}, resp => {});
			},
			syChange: function() {
				this.$data.insuranceOrder.commissionSyTemp = "";
				this.$data.insuranceOrder.commissionSyExp = "";
			},
			handleChange: function(value) {
				debugger;
			},
			jqChange: function() {
				this.$data.insuranceOrder.commissionJqTemp = "";
				this.$data.insuranceOrder.commissionJqExp = "";
			},
			//出单日期修改时触发方法
			timeChange: function() {
				debugger;
				if(this.$data.orderFromData.outOrderDate) {
					this.$data.orderFromData.outOrderDate = moment(this.$data.orderFromData.outOrderDate).format("YYYY-MM-DD");
				} else {
					this.$message.error("请先选择出单日期！");
					return false;
				}
				//请求预设合同号：出单日期，保险公司ID
				this.queryInsuranceNumber(this.$data.orderFromData.outOrderDate, this.$data.QuotationFrom.paramQuotation.insuranceCompanyId);
				//请求预设费率：出单日期，保险单Id
				this.queryCommission(this.$data.orderFromData.outOrderDate, this.$data.Qid);
			},
			//查询保险公司预设合同号
			queryInsuranceNumber: function(time, insuranceCompanyId) {
				var companyId = window.localStorage.getItem("companyId");
				this.$http.get(this.API_ROOT + '/insurance/contract', {
					params: {
						time: time, //出单日期
						companyId: this.$data.QuotationFrom.paramQuotation.storeCode, //公司ID
						insuranceCompanyId: insuranceCompanyId //保险公司ID
					}
				}).then((response) => {
					debugger;
					if(response.data.success) {
						//商业险预设合同号
						this.$data.orderFromData.compulsoryNum = response.data.data.contractJqNo;
						//交强险预设合同号
						this.$data.orderFromData.commercialinsuranceNum = response.data.data.contractSyNo;
						//交强险合同号预设长度
						if(response.data.data.contractJqLen == '0' || response.data.data.contractJqLen == null || response.data.data.contractJqLen == "") {
							this.$data.jqNumberLenght = "";
						} else {
							this.$data.jqNumberLenght = response.data.data.contractJqLen;
						}
						//商业险合同号预设长度
						if(response.data.data.contractSyLen == '0' || response.data.data.contractSyLen == null || response.data.data.contractSyLen == "") {
							this.$data.syNumberLenght = "";
						} else {
							this.$data.syNumberLenght = response.data.data.contractSyLen;
						}
					}
				})
			},
			//查询报保险公司预设协议费率
			queryCommission: function(time, quotationId) {
				var companyId = window.localStorage.getItem("companyId");
				this.$http.get(this.API_ROOT + '/insurance/commission', {
					params: {
						quotationId: quotationId, //报价单ID
						time: time, //出单日期
						iscompulsoryinsurance: this.$data.radioSelect, //保单类型
						companyId: this.$data.QuotationFrom.paramQuotation.storeCode //公司ID

					}
				}).then((response) => {
					debugger;
					if(response.data.success) {
						if(response.data.data.sy == null) { //未设置商业险佣金清空商业险佣金和佣金iD
							this.$data.orderFromData.commissionSy = "";
							this.$data.orderFromData.commissionSyId = "";
						} else {
							this.$data.orderFromData.commissionSy = response.data.data.sy.commission;
							this.$data.orderFromData.commissionSyId = response.data.data.sy.id;
						}
						if(response.data.data.jq == null) { //未设置交强险佣金清空交强险佣金和ID
							this.$data.orderFromData.commissionJq = "";
							this.$data.orderFromData.commissionJqId = "";
						} else {
							this.$data.orderFromData.commissionJq = response.data.data.jq.commission;
							this.$data.orderFromData.commissionJqId = response.data.data.jq.id;
						}
						if(response.data.data.jq == null) { //未设置车船税佣金清空车船税佣金和ID
							this.$data.orderFromData.commissionCcs = "";
							this.$data.orderFromData.commissionCcsId = "";
						} else {
							this.$data.orderFromData.commissionCcs = response.data.data.ccs.commission;
							this.$data.orderFromData.commissionCcsId = response.data.data.ccs.id;
						}
					} else {
						this.$data.orderFromData.commissionJq = "";
						this.$data.orderFromData.commissionJqId = "";
						this.$data.orderFromData.commissionSy = "";
						this.$data.orderFromData.commissionSyId = "";
						this.$message.error(response.data.msg);
					}
				}, (response) => {
					debugger;
				});
			},
			//新增报价单关闭
			handleClose: function(done) {
				debugger;
				this.$confirm('确认关闭？')
					.then(_ => {
						this.$http({
							method: 'POST',
							url: this.API_ROOT + '/insurance/Quotation/del',
							params: {
								id: this.$data.Qid
							}
						}).then(function(resp) {
							done();
						}, function(error) {})
					})
					.catch(_ => {});
			},
			//赠品
			gift: function() {
				this.$data.persentShow = true;
				this.$data.presentDataList = [];
				this.$data.pretableData.dataList = [];
				this.queryPresent(); //查询已经绑定的优惠券。
			},
			//删除
			del: function() {

			},
			//返现弹框
			returnmoney: function() {

				this.$data.newYJNumber = "";
				this.$data.backTime = "";
				if(this.$data.multipleSelection.length == 1) {
					if(this.$data.multipleSelection[0].backType == '1') { //已返现
						this.$message.error("该保单已返现！");
					} else if(this.$data.multipleSelection[0].returnType == 2) { //退保
						this.$message.error("退保保单不能进行返现！");
					} else if(this.$data.multipleSelection[0].insuranceType == 1) { //追加
						this.$message.error("追加保单不能进行返现！");
					} else if(this.$data.multipleSelection[0].insuranceType == 2) { //退保
						this.$message.error("退保保单不能进行返现！");
					} else {
						this.$data.isRetMoney = true;
						debugger;
						var syaddP = 0;
						var JqxP = 0;
						// 加投后佣金判断
						if(this.$data.multipleSelection[0].syAddCommissionPrice == null || this.$data.multipleSelection[0].syAddCommissionPrice == '') {
							syaddP = 0;
						} else {
							syaddP = Number(this.$data.multipleSelection[0].syAddCommissionPrice);
						}
						// 交强险佣金判断
						if(this.$data.multipleSelection[0].jqCommissionPrice == null || this.$data.multipleSelection[0].jqCommissionPrice == '') {
							JqxP = 0;
						} else {
							JqxP = Number(this.$data.multipleSelection[0].jqCommissionPrice);
						}

						// 抵现金额判断
						if(this.$data.multipleSelection[0].distcount == null || this.$data.multipleSelection[0].distcount == '') {
							this.$data.DDDXMoney = "0";
						} else {
							this.$data.DDDXMoney = this.$data.multipleSelection[0].distcount;
						}

						debugger;
						this.$data.newYJNumber = this.$data.multipleSelection[0].syAddCommissionPrice;
						this.$data.backpriceChange = this.$data.multipleSelection[0].backPrice;
					}
				} else {
					this.$message.error("请选择一条数据")
				}

			},
			//保存返现
			saveBackMoney: function() {
				if(this.$data.backTime == '') {
					this.$message.error("请选择返现日期");
					return false;
				}
				if(this.$data.multipleSelection[0].backPrice == "") {
					this.$message.error("返现金额不能为空");
					return false;
				}

				this.$data.backTime = moment(this.$data.backTime).format("YYYY-MM-DD");
				this.$confirm("返现金额为" + this.$data.backpriceChange + "元，确定返现吗?", "提示", {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					this.$data.fullscreenloading = true;
					this.$http({
						method: 'POST',
						url: this.API_ROOT + '/insurance/Order/confimBack',
						params: {
							id: this.$data.multipleSelection[0].id,
							time: this.$data.backTime,
							backPrice: this.$data.backpriceChange,
						}
					}).then(function(resp) {
						this.$data.fullscreenloading = false;
						if(resp.data.success) {
							this.$data.isRetMoney = false;
							this.$message(resp.data.msg);
							this.orderQuery();
						} else {
							this.$message.error(resp.data.msg);
						}
					}, function(error) {})
				}).catch(() => {
					this.$message({
						type: 'info',
						message: '已取消'
					});
				});

			},
			//打开搜索的车型选择
			chooseSearchModel: function() {
				this.$data.searchCarShow = true;
			},
			//资源过滤
			filterNode: function(value, data, node) {
				if(!value) return true;
				return data.label.indexOf(value) !== -1;
			},
			//查询搜索的参数树
			querySearchTree: function() {
				//获取资源树
				debugger;
				this.$http.get(this.API_ROOT + '/base/car/pages', {
					params: {
						type: '0'
					}
				}).then((response) => {
					this.$data.SearchTreeData = response.data;
				}, (response) => {});
			},
			//点击搜索的资源树节点
			searchNodeClick: function(data) {
				debugger;
				this.$data.infoData.carValue = '';
				this.$data.infoData.carLevel = '';
				//				
				this.$data.searhcarType = data.type;
				this.$data.searchdatalabel = data.label;
				this.$data.searchdatavale = data.value;
				this.$data.searchdataNumber = data.number;
				this.$data.infoData.carLevel = data.type;
				this.$data.infoData.carValue = data.value;
			},
			//搜索确认车型
			serchSaveCar: function() {
				debugger;
				if(this.$data.searhcarType == 0) {
					this.$message.error("请不要选择品牌！");
				} else {
					this.$data.infoData.carModel = this.$data.searchdatalabel;
					this.$data.infoData.label = this.$data.searchdataNumber;
					this.$data.customerData.carLevel = this.$data.searhcarType;
					this.$data.customerData.carModel = this.$data.searchdatalabel;
					this.$data.customerData.label = this.$data.searchdataNumber;
					this.$data.searchCarShow = false;
				}
			},
			//查询车辆
			carQuery: function() {
				this.$http({
					method: 'POST',
					url: this.API_ROOT + '/insurance/car/info',
					params: {
						key: this.$data.conditions.key,
						value: this.$data.conditions.value,
					}
				}).then(function(resp) {
					if(resp.data.success) {
						debugger;
						this.$data.comFormData = Object.assign(this.$data.comFormData, resp.data.data);
						this.$data.QuotationFrom.paramQuotation.carId = resp.data.data.id;
						this.$data.QuotationFrom.insurance = resp.data.data.insurance;
						this.$data.QuotationFrom.paramQuotation.contactPeople = resp.data.data.insured;
						this.$data.QuotationFrom.paramQuotation.contactPhone = resp.data.data.contactPhone;
						if(this.$data.comFormData.insuranceEndDate) {
							var newDate = new Date(this.$data.comFormData.insuranceEndDate);
							this.$data.QuotationFrom.paramQuotation.insuranceStartDate = newDate.setDate(newDate.getDate() + 1);
							this.$data.QuotationFrom.paramQuotation.insureType = "xb";
						} else {
							this.$data.QuotationFrom.paramQuotation.insuranceStartDate = "";
							this.$data.QuotationFrom.paramQuotation.insureType = "";
						}

					} else {
						//						this.$message.error(resp.data.msg);
						this.$confirm('未查询到客户信息，是否要新增客户档案?', '提示', {
							confirmButtonText: '确定',
							cancelButtonText: '取消',
							type: 'warning'
						}).then(() => {
							this.$data.customerShow = true;
							this.$data.customerData = Object.assign(this.$data.customerData, this.$data.customerEmptyData);
						}).catch(() => {
							this.$message({
								type: 'info',
								message: '已取消删除'
							});
						});
					}
				}, function(error) {})
			},
			//保存(车辆及客户信息系)
			saveQuotation: function() {
				debugger;
				if(this.$data.QuotationFrom.paramQuotation.insureType == '') {
					this.$message.error("请选择投保类别");
					return false;
				} else if(this.$data.QuotationFrom.paramQuotation.insuranceStartDate == '') {
					this.$message.error("请选择起始日期");
					return false;
				} else if(this.$data.QuotationFrom.paramQuotation.insuranceCompanyId == '') {
					this.$message.error("请选择保险公司");
					return false;
				} else if(this.$data.QuotationFrom.paramQuotation.storePareaCode == '') {
					this.$message.error("请选择一级区域");
					return false;
				} else if(this.$data.QuotationFrom.paramQuotation.storeAreaCode == '') {
					this.$message.error("请选择二级区域");
					return false;
				} else if(this.$data.QuotationFrom.paramQuotation.storeChanel == '') {
					this.$message.error("请选择渠道");
					return false;
				} else if(this.$data.QuotationFrom.paramQuotation.storeCode == '') {
					this.$message.error("请选择门店");
					return false;
				} else {
					this.$data.fullscreenloading = true;
					//找到一级区域name
					for(var i=0;i<this.$data.storePareaCombo.length;i++){
						if(this.$data.QuotationFrom.paramQuotation.storePareaCode == this.$data.storePareaCombo[i].value){
							this.$data.QuotationFrom.paramQuotation.storeParea = this.$data.storePareaCombo[i].label;
							break;
						}
					}
					//找到二级区域name
					for(var i=0;i<this.$data.storeAreaCombo.length;i++){
						if(this.$data.QuotationFrom.paramQuotation.storeAreaCode == this.$data.storeAreaCombo[i].value){
							this.$data.QuotationFrom.paramQuotation.storeArea = this.$data.storePareaCombo[i].label;
							break;
						}
					}
					//找到门店name
					for(var i=0;i<this.$data.storeNameCombo.length;i++){
						if(this.$data.QuotationFrom.paramQuotation.storeCode == this.$data.storeNameCombo[i].value){
							this.$data.QuotationFrom.paramQuotation.storeName = this.$data.storeNameCombo[i].label;
							break;
						}
					}
					//保单销售人员
					this.$data.orderFromData.insuranceCommissionerId = window.localStorage.getItem("uid");
					this.$data.QuotationFrom.paramQuotation.insuranceStartDate = this.moment(this.$data.QuotationFrom.paramQuotation.insuranceStartDate).format("YYYY-MM-DD");
					this.$data.all.quotationInfo = this.$data.QuotationFrom; //赋值，报价单信息,赋给大map
					//保存车辆信息获取QID
					this.$http.post(this.API_ROOT + '/insurance/Quotation/save', this.$data.QuotationFrom)
						.then(resp => {
							if(resp.data.success) {
								debugger;
								this.$data.Qid = resp.data.data.qid;
								this.$data.infoData.insuranceStartDate = resp.data.data.insuranceStartDate;
								this.$data.infoData.insuranceStopDate = resp.data.data.insuranceStopDate;
								this.$data.orderFromData.commercialinsuranceStartDate = resp.data.data.insuranceStartDate;
								this.$data.orderFromData.commercialinsuranceStopDate = resp.data.data.insuranceStopDate;
								this.$data.orderFromData.compulsoryStartDate = resp.data.data.insuranceStartDate;
								this.$data.orderFromData.compulsoryStopDate = resp.data.data.insuranceStopDate;
								if(this.QuotationFrom.paramQuotation.insureType == 'sb') {
									this.$data.orderFromData.baseType = this.$data.insTypeConvertData[0].id;
								}
								//请求车辆及客户信息系
								this.$http.get(this.API_ROOT + '/insurance/car/carInfo', {
									params: {
										id: this.$data.QuotationFrom.paramQuotation.carId
									}
								}).then((response) => {
									debugger;

									this.$data.infoData = Object.assign(this.$data.infoData, response.data.data); //取到车主车辆信息
									//被保险人类型若为"",默认为"0"：个人
									if(this.$data.infoData.source == "" || this.$data.infoData.source == null || this.$data.infoData.source == "null") {
										this.$data.infoData.source = "0";
									};
									this.$data.all.carInfo = this.$data.infoData; //赋值，车辆信息，放到大map里
									this.$data.orderFromData.payPeople = response.data.data.insured; //付款人
									this.$data.orderFromData.carProperty = response.data.data.carProperty; //新车属性
									this.$data.orderFromData.salesProperty = response.data.data.salesProperty; //销售属性
									this.$data.fullscreenloading = false;
								}, (response) => {
									debugger;
								});
								this.$data.fullscreenloading = false;
								this.$data.comFormShow = false; //(先查出数据，并没有用接口保存，数据暂存在this.$data.QuotationFrom)
								this.$data.orderShow = true; //打开新增保险单弹框
								this.$data.auditShow = true;

							} else {
								this.$message.error(resp.data.msg);
							}
						}, resp => {

						});
				}

			},
			lastMessage: function(type) {

				debugger;
				this.$http.get(this.API_ROOT + '/insurance/QuotationItem/QuotationItemList/lately', {
					params: {
						carId: this.$data.QuotationFrom.paramQuotation.carId,
						key: type
					}
				}).then((response) => {
					debugger;
					var respData = response.data
					for(var i = 0; i < respData.length; i++) {
						for(var j = 0; j < this.$data.intem.length; j++) {
							if(this.$data.intem[j].id == respData[i].itemId) {
								this.$data.intem[j].starts = true;
								this.$data.intem[j].limit = respData[i].itemLimit;
								this.$data.intem[j].price = respData[i].itemPrice;
								break;
							}
						}
					}
					this.sumPrice();
					this.$data.auditShow = false;
				}, (response) => {
					debugger;
				});
			},
			//保存保险项目
			saveItems: function() {
				var items = [];
				var y = 0;
				for(var i = 0; i < this.$data.intem.length; i++) {
					debugger;
					//勾选保险项目未填写保费时
					if(this.$data.intem[i].starts == true && this.$data.intem[i].price == "") {
						this.$message.error(this.$data.intem[i].name + "未填写保费!");
						return false;
					};
					//三者保额验证
					if(i == 4 && this.$data.intem[i].starts == true && this.$data.intem[i].limit == "") {
						this.$message.error(this.$data.intem[i].name + "未填写保额!");
						return false;
					}
					//车上司机保额验证
					if(i == 8 && this.$data.intem[i].starts == true && this.$data.intem[i].limit == "") {
						this.$message.error(this.$data.intem[i].name + "未填写保额!");
						return false;
					}
					//车上乘客保额验证
					if(i == 9 && this.$data.intem[i].starts == true && this.$data.intem[i].limit == "") {
						this.$message.error(this.$data.intem[i].name + "未填写保额!");
						return false;
					}
					//筛选出选中的保险项目
					if(this.$data.intem[i].starts == true && this.$data.intem[i].price != "") {
						items[y] = this.$data.intem[i];
						y++;
						//						}
					}
				};
				this.$data.all.quotationItems = items; //赋值，保险项目，赋给大map
			},
			//退单状态转换
			returnTypeCov: function(row, column) {
				var temp = '';
				switch(row.returnType) {
					case '0':
						temp = "未退保";
						break;
					case '1':
						temp = '已退保';
						break;
					default:
						''
						break
				};
				return temp;
			},

			//返现状态转换
			backTypeCov: function(row, column) {
				var temp = '';
				switch(row.backType) {
					case '0':
						temp = "未返现";
						break;
					case '1':
						temp = '已返现';
						break;
					default:
						''
						break
				};
				return temp;
			},
			//商业险时间默认计算
			dateChange: function() {
				debugger;
				var star = this.$data.orderFromData.commercialinsuranceStartDate;
				if(this.$data.orderFromData.commercialinsuranceStartDate == "") {
					this.$data.orderFromData.commercialinsuranceStopDate = "";
				} else {
					this.$data.orderFromData.commercialinsuranceStopDate = new Date(this.moment(star).add(12, "month").add(-1, "day"))
				}
			},
			//交强险时间默认计算
			dateChanges: function() {
				debugger;
				var star = this.$data.orderFromData.compulsoryStartDate;
				if(this.$data.orderFromData.compulsoryStartDate == "") {
					this.$data.orderFromData.compulsoryStopDate = "";
				} else {
					this.$data.orderFromData.compulsoryStopDate = new Date(this.moment(star).add(12, "month").add(-1, "day"))
				}
			},
			//选择框
			handleSelectionChange: function(val) {
				debugger
				this.$data.multipleSelection = val;
				if(this.$data.multipleSelection.length == 1) {
					this.$http({
						method: 'POST',
						url: this.API_ROOT + '/insurance/info',
						params: {
							id: this.$data.multipleSelection[0].insuranceCompanyId,
						}
					}).then(function(resp) {
						debugger;
						if(resp.data.success) {
							this.$data.templateShow = resp.data.data.templet;
						}
					}, resp => {

					});
				}
				console.log(JSON.stringify(val));
			},

			//查询保险单
			orderQuery: function() {
				this.$data.condition.outOrderStartDate = this.momentFu(this.$data.condition.outOrderStartDate);
				this.$data.condition.outOrderStopDate = this.momentFu(this.$data.condition.outOrderStopDate);
				this.$http.post(this.API_ROOT + '/insurance/Order/page', this.$data.condition, {
					params: {
						limit: this.page.pageSize,
						start: this.$data.CurentPage
					}
				}).then(resp => {
					debugger;
					if(resp.data.success) {
						resp.data.total = parseInt(resp.data.total);
						// es5写法
						this.$data.tableData = resp.data;
						for(var i = 0; i < this.$data.tableData.dataList.length; i++) {
							this.$data.tableData.dataList[i].insuranceCompanyName = this.$data.tableData.dataList[i].insuranceCompanyName + "/" + this.$data.tableData.dataList[i].insuranceCommissionerName;
							if(this.$data.tableData.dataList[i].syCommission) {
								this.$data.tableData.dataList[i].syPrice = this.$data.tableData.dataList[i].syPrice + "/" + this.$data.tableData.dataList[i].syCommission + "%";
							}
							if(this.$data.tableData.dataList[i].jqCommission) {
								this.$data.tableData.dataList[i].jqPrice = this.$data.tableData.dataList[i].jqPrice + "/" + this.$data.tableData.dataList[i].jqCommission + "%";
							}
						}
						//this.baseQuery(this.$data.curTreeDeptId);
						//this.$data.exFormShow = false;
					} else {
						//debugger;
						this.$message.error(resp.data.msg);
					}
				}, resp => {});
			},

			//修改退保状态
			returnOrder: function() {
				debugger;
				if(this.$data.multipleSelections.length == 1) {
					debugger;
					var resRoleData = this.$data.multipleSelections[0];
					this.$http({
						method: 'POST',
						url: this.API_ROOT + '/insurance/Order/returnOrder',
						params: {
							id: resRoleData.id,
						}
					}).then(function(resp) {
						debugger;
						this.orderQuery();
					}, function(error) {})
				} else {
					this.$message.error("请选择一条数据");
				}
			},
			//提交
			Submit: function() {
				if(this.$data.multipleSelection.length == 1) {
					//提交条件
					if(this.$data.multipleSelection[0].commissionType == '-1') {
						this.$data.submitShow = true;
						this.$data.submitData = this.$data.multipleSelection[0];
					} else {
						this.$message.error("该保单已提交");
					}
				} else {
					this.$message.error("请选择一条数据！");
				}
			},
			submitSave: function() {
				this.$http({
					method: 'POST',
					url: this.API_ROOT + '/insurance/Order/submit',
					params: {
						id: this.$data.submitData.id,
					}
				}).then(function(resp) {
					debugger;
					if(resp.data.success) {
						this.orderQuery();
						this.submitShow = false;
					} else {
						this.$message.error(resp.data.msg);
					}

				}, function(error) {})
			},
			//编辑
			edit: function() {
				this.$data.addCommissionReadonly = false;
				this.$data.addCommissionPriceReadonly = false;
				for(var j = 0; j < this.$data.intem.length; j++) {
					this.$data.intem[j].starts = false;
					this.$data.intem[j].limit = "";
					this.$data.intem[j].price = "";
				}
				if(this.$data.multipleSelection.length == 1) {
					if(this.$data.multipleSelection[0].commissionType == 1) {
						this.$message.error("保险单已审核通过，不能在进行修改！");
					} else {
						this.$data.insuranceOrder = Object.assign(this.$data.insuranceOrder, this.$data.insuranceOrderEmpty);
						this.$data.editShow = true;
						this.$http({
							method: 'POST',
							url: this.API_ROOT + '/insurance/Order/infoToUpd',
							params: {
								id: this.$data.multipleSelection[0].id,
							}
						}).then(function(resp) {
							if(resp.data.success) {
								//							this.$data.intem = resp.data.data.itemList;
								this.$data.insuranceOrder.addCommission = resp.data.data.addCommission;
								this.$data.insuranceOrder.commercialinsuranceNum = resp.data.data.commercialinsuranceNum;
								this.$data.insuranceOrder.commercialinsurancePrice = resp.data.data.commercialinsurancePrice;
								this.$data.insuranceOrder.compulsoryNum = resp.data.data.compulsoryNum;
								this.$data.insuranceOrder.compulsoryPrice = resp.data.data.compulsoryPrice;
								this.$data.insuranceOrder.id = resp.data.data.id;
								this.$data.insuranceOrder.quotationId = resp.data.data.quotationId;
								this.$data.insuranceOrder.backPrice = resp.data.data.backPrice;
								this.$data.insuranceOrder.commissionSy = resp.data.data.commissionSy;
								this.$data.insuranceOrder.commissionSyTemp = resp.data.data.commissionSyTemp;
								this.$data.insuranceOrder.commissionSyExp = resp.data.data.commissionSyExp;
								this.$data.insuranceOrder.isCommissionSyTemp = resp.data.data.isCommissionSyTemp;
								this.$data.insuranceOrder.commissionJq = resp.data.data.commissionJq;
								this.$data.insuranceOrder.commissionJqTemp = resp.data.data.commissionJqTemp;
								this.$data.insuranceOrder.isCommissionJqTemp = resp.data.data.isCommissionJqTemp;
								this.$data.insuranceOrder.commissionJqExp = resp.data.data.commissionJqExp;
								this.$data.insuranceOrder.distcount = resp.data.data.distcount;
								this.$data.insuranceOrder.addCommissionPrice = resp.data.data.addCommissionPrice;
								//							this.$data.syxbj = resp.data.data.commercialinsurancePrice;
								//							this.$data.jqxbj = resp.data.data.compulsoryPrice;
								if(this.$data.insuranceOrder.isCommissionJqTemp == "true") {
									this.$data.insuranceOrder.isCommissionJqTemp = true;
								} else {
									this.$data.insuranceOrder.isCommissionJqTemp = false;
								};
								if(this.$data.insuranceOrder.isCommissionSyTemp == "true") {
									this.$data.insuranceOrder.isCommissionSyTemp = true;
								} else {
									this.$data.insuranceOrder.isCommissionSyTemp = false;
								};

								debugger;
								var respData = new Array();
								respData = resp.data.data.itemList;
								for(var i = 0; i < respData.length; i++) {
									for(var j = 0; j < this.$data.intem.length; j++) {
										if(this.$data.intem[j].id == respData[i].itemId) {
											this.$data.intem[j].starts = true;
											this.$data.intem[j].limit = respData[i].itemLimit;
											this.$data.intem[j].price = respData[i].itemPrice;
											break;
										}
									}
								};
								this.sumPrice();
								this.editJqOrSyShow();
								this.addChangeFunction(); //加投只能选一项
							}
						}, function(error) {})
					}
				} else {
					this.$message.error("请选择一条数据！")
				}
			},
			//保存编辑内容
			saveEdit: function() {
				this.$data.fullscreenloading = true;
				this.$data.insuranceOrder.commercialinsurancePrice = this.$data.syxbj;
				this.$data.insuranceOrder.compulsoryPrice = Number(Number(this.$data.jqxbj) + Number(this.$data.ccsjg)).toFixed(2);
				this.$data.editData.insuranceOrder = this.$data.insuranceOrder;
				this.$data.editData.itemList = this.$data.intem;
				this.$http.post(this.API_ROOT + '/insurance/Order/update', this.$data.editData, {
					params: {}
				}).then(resp => {
					debugger;
					this.$data.fullscreenloading = false;
					if(resp.data.success) {
						this.$message(resp.data.msg);
						this.$data.editShow = false;
						this.orderQuery();
					} else {
						//debugger;
						this.$message.error(resp.data.msg);
					}
				}, resp => {});
			},

			//点击新增
			orderAdd: function() {
				debugger;
				this.$data.addCommissionReadonly = false;
				this.$data.addCommissionPriceReadonly = false;
				this.$data.radioSelect = 2;
				this.$data.continuous = 'false';
				this.$data.orderFromData = Object.assign(this.$data.orderFromData, this.$data.emptyOrderFromData);
				this.$data.comFormData = Object.assign(this.$data.comFormData, this.$data.emptyData);
				this.$data.QuotationFrom.paramQuotation = Object.assign(this.$data.QuotationFrom.paramQuotation, this.$data.emptyQuotationFrom.paramQuotation);
				var queryType = window.localStorage.getItem("orderQueryType");
				//车架号还是车牌号查询
				if(queryType == null || queryType == "") {
					this.$data.conditions.key = "0";
				} else {
					this.$data.conditions.key = queryType;
				}
				this.$data.conditions.value = "";
				this.$data.comFormShow = true;
				for(var j = 0; j < this.$data.intem.length; j++) {
					this.$data.intem[j].starts = false;
					this.$data.intem[j].limit = "";
					this.$data.intem[j].price = "";
				};
				this.$data.ccsjg = '';
				this.$data.jqxbj = '';
				this.$data.syxbj = '';
				this.$data.sum = "";
			},
			//保存报价单维护客户以及车辆信息
			saveCusInfo: function() {
				this.$http.post(this.API_ROOT + '/insurance/car/save', this.$data.infoData)
					.then(resp => {
						debugger;
						if(resp.data.success) {
							this.$message(resp.data.msg);
						} else {
							this.$message.error(resp.data.msg);
						}
					}, resp => {

					});
			},

			//保存整个新增保险单
			saveAll: function() {
				debugger;
				if(this.$data.orderFromData.outOrderDate == "" || this.$data.orderFromData.outOrderDate == null) {
					this.$message.error("请选择出单日期！")
				} else if(this.$data.orderFromData.carProperty == '' || this.$data.orderFromData.salesProperty == "" || this.$data.orderFromData.backPrice == "") {
					this.$message.error("请填写新车属性、销售属性、返现金额")
					this.$data.activeName = "4";
				} else if(this.$data.infoData.source == '0' && this.isCardNo(this.$data.infoData.insuredIdNumber) == false) {
					this.$message.error("请填写正确的身份证号！")
				} else {
					//验证保险项目
					this.$refs.comForm.validate(function(valid, $event) {
						// 验证通过
						if(valid) {
							debugger;
							var sum = 0;
							for(var i = 0; i < this.$data.intem.length; i++) {
								//勾选保险项目未填写保费时
								if(this.$data.intem[i].starts == true && this.$data.intem[i].price == "") {
									this.$message.error(this.$data.intem[i].name + "未填写保费!");
									return false;
								};
								//三者保额验证
								if(i == 4 && this.$data.intem[i].starts == true && this.$data.intem[i].limit == "") {
									this.$message.error(this.$data.intem[i].name + "未填写保额!");
									return false;
								}
								//车上司机保额验证
								if(i == 8 && this.$data.intem[i].starts == true && this.$data.intem[i].limit == "") {
									this.$message.error(this.$data.intem[i].name + "未填写保额!");
									return false;
								}
								//车上乘客保额验证
								if(i == 9 && this.$data.intem[i].starts == true && this.$data.intem[i].limit == "") {
									this.$message.error(this.$data.intem[i].name + "未填写保额!");
									return false;
								}
								if(this.$data.intem[i].starts == false) {
									sum = sum + 0;
								} else {
									sum = sum + 1;
								}

							}
							if(sum == 0) {
								this.$message.error("请至少选择一条保险项目,并且填写保费");
								return false;
							} else {

								this.sureShow = true;
								this.saveCusInfo(); //保存车主以及车辆信息
							}
						} else {
							this.$message.error("请完善客户信息");
							return false
						}
					}.bind(this))
				}

			},

			//列表，分页大小切换
			handleSizeChange: function() {},
			//列表,当前页切换
			handleCurrentChange: function(currentPage) {
				this.$data.CurentPage = currentPage;
				//this.$data.dictGroup = '';
				this.orderQuery();
			},
			//增加赠品按钮
			addPresent: function() {
				this.$data.presentShow = true;
				this.$data.presentData.activityId = "";
				this.queryActivity();
			},
			//根据活动查询优惠券号
			queryCoupon: function() {
				debugger;
				var companyId = window.localStorage.getItem("companyId");
				this.$http.get(this.API_ROOT + '/crm/coupon/insurance/page', {
					params: {
						activityId: this.$data.presentData.activityId,
						vin: this.$data.infoData.vin,
						companyId: companyId,
						plateNum: this.$data.infoData.plateNum
					}
				}).then((response) => {
					debugger;
					if(response.data.success) {
						this.$data.presentDataList = response.data.dataList;
					}
				}, (response) => {});
			},
			//选中优惠券
			selectCoupon: function(index) {
				debugger;
				this.$http.get(this.API_ROOT + '/crm/coupon/insurance/save', {
					params: {
						id: this.$data.presentDataList[index].id,
						qId: this.$data.Qid
					}
				}).then((response) => {
					debugger;
					this.queryCoupon();
					this.queryPresent();
				}, (response) => {
					debugger;
				});
			},
			//查询赠品信息
			queryPresent: function() {
				this.$http.get(this.API_ROOT + '/crm/coupon/getInsuranceActivityCoupon', {
					params: {
						carId: this.$data.QuotationFrom.paramQuotation.carId,
						qId: this.$data.Qid
					}
				}).then((response) => {
					this.$data.pretableData.dataList = response.data.data;
					//					this.$data.presentShow=false;
				}, (response) => {
					debugger;
				});
			},
			//删除赠品
			presentDelete: function(index, row) {
				this.$http.get(this.API_ROOT + '/crm/coupon/delInsuranceActivityCoupon', {
					params: {
						couponId: row.id,
					}
				}).then((response) => {
					debugger;
					this.$message(response.data.msg);
					this.queryPresent();
					//					this.$data.presentShow=false;
				}, (response) => {
					debugger;
				});
			},
			//取消出单时 删除赠品信息
			outPresentDelete: function() {
				debugger;
				//shanchu 赠品信息
				for(var i = 0; i < this.$data.pretableData.dataList.length; i++) {
					this.$http.get(this.API_ROOT + '/crm/coupon/delInsuranceActivityCoupon', {
						params: {
							couponId: this.$data.pretableData.dataList[i].id,
						}
					}).then((response) => {}, (response) => {
						debugger;
					});
				};
			},
			//获取市场活动
			queryActivity: function() {
				this.$http.get(this.API_ROOT + '/crm/activity/activityIng', {
					params: {}
				}).then((response) => {
					debugger;
					this.$data.activities = response.data.data;
					//this.$data.infoData = Object.assign(this.$data.infoData, response.data.data);
				}, (response) => {
					debugger;
				});
			},

			//计算价格
			sumPrice: function() {
				//				compulsoryTotal 交强 险总价
				//              commercialinsuranceTotal 商业险总价
				//总价格
				debugger;
				var sumPrice = 0;
				for(var i = 0; i < this.$data.intem.length; i++) {
					if(this.$data.intem[i].starts == true && this.$data.intem[i].price != "") {
						this.$data.intem[i].price = Number(this.$data.intem[i].price);
						sumPrice = sumPrice + this.$data.intem[i].price;
						//						}
					}
				}
				if(this.$data.intem[0].starts == true) {
					this.$data.ccsjg = Number(this.$data.intem[0].price).toFixed(2);
				} else {
					this.$data.ccsjg = 0;
				}
				if(this.$data.intem[1].starts == true) {
					this.$data.jqxbj = Number(this.$data.intem[1].price).toFixed(2);
				} else {
					this.$data.jqxbj = 0;
				}
				this.$data.syxbj = Number(sumPrice - this.$data.jqxbj - this.$data.ccsjg).toFixed(2);
				this.$data.sum = (Number(this.$data.jqxbj) + Number(this.$data.syxbj) + Number(this.$data.ccsjg)).toFixed(2);
				this.$data.orderFromData.compulsoryPrice = Number(Number(this.$data.jqxbj) + Number(this.$data.ccsjg)).toFixed(2);
				this.$data.orderFromData.commercialinsurancePrice = this.$data.syxbj;
			},
			//三者，车上保额赋给不计免赔
			quotaChange: function(num) {
				if(num == "4") {
					this.$data.intem[5].limit = this.$data.intem[4].limit;
				} else if(num == "8") {
					this.$data.intem[10].limit = this.$data.intem[8].limit;
				} else if(num == "9") {
					this.$data.intem[11].limit = this.$data.intem[9].limit;
				}
			},
			tableRowClassName: function(row, index) {
				if(row.commissionType == 0) {
					return 'positive-row';
				}
				if(row.commissionType == 2) {
					return 'positiveTwo-row';
				}
				if(row.commissionType == 3) {
					return 'positiveThree-row';
				}
				if(row.commissionType == -1) {
					return 'positiveFour-row'
				}
			},
			//使用状态解析
			levelCov: function(row, column) {
				return row.status == 1 ? "已打印" : "已使用";
			},
			//有效期解析
			timeFormates: function(row, column) {
				if(row.youxiaoqi == "" || row.youxiaoqi == null) return "";
				return this.moment(Number(row.youxiaoqi)).format("YYYY-MM-DD");
			},
			//获取二级区域
			getStoreAreaCombo: function() {
				this.$http.get(this.API_ROOT + '/base/dict/combo', {
					params: {
						group: this.$data.QuotationFrom.paramQuotation.storePareaCode
					}
				}).then((response) => {
					this.$data.storeAreaCombo = response.data;
				}, (response) => {});
			},
			//获取门店
			getStoreNameCombo: function() {
				this.$http.get(this.API_ROOT + '/rbac/dept/deptStoreArea', {
					params: {
						storeParea: this.$data.QuotationFrom.paramQuotation.storePareaCode,
						storeArea: this.$data.QuotationFrom.paramQuotation.storeAreaCode,
						type:1,
					}
				}).then((response) => {
					this.$data.storeNameCombo = response.data.dataList;
				}, (response) => {});
			},

			getinsuranceCompany: function() {
				this.$http.get(this.API_ROOT + '/insurance/combo', {
					params: {
						storeCode:this.$data.QuotationFrom.paramQuotation.storeCode
					}
				}).then((response) => {
					// success callback
					this.$data.companyCombo = response.data;
				}, (response) => {
					// error callback
				});
			},
		},

		//表单创建时执行
		created: function() {
			this.querySearchTree();
			this.orderQuery();

			//获取保险公司下拉
			this.$http.get(this.API_ROOT + '/insurance/companys', {
				params: {}
			}).then((response) => {
				debugger;
				this.$data.queryActiveCombo = response.data.data;
			}, (response) => {});

			//获取基盘类别
			this.$http.get(this.API_ROOT + '/base/dict/combo/insurance', {
				params: {
					group: "insuranceType"
				}
			}).then((response) => {
				this.$data.insTypeConvertData = response.data;
			}, (response) => {});

			//获取销售人员
			this.$http.get(this.API_ROOT + '/rbac/user/allUsers', {
				params: {}
			}).then((response) => {
				this.$data.salePeopleCombo = response.data.dataList;
			}, (response) => {});
			//查询条件默认本人
			this.$data.condition.insuranceCommissionerName = window.localStorage.getItem("userName");
			//获取区域下拉
			this.$http.get(this.API_ROOT + '/base/dict/combo', {
				params: {
					group: "area"
				}
			}).then((response) => {
				this.$data.storePareaCombo = response.data;
			}, (response) => {});
		}
	}
</script>
<style>
	.el-table .positive-row {
		background: #FF9900;
	}
	
	.el-table .positiveTwo-row {
		background: #CC3300;
	}
	
	.el-table .positiveThree-row {
		background: #ffcccc;
	}
	
	.el-table .positiveFour-row {
		background: #D8DCE5;
	}
	
	.box-carda {
		width: 100%;
		height: 300px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.box-card {
		width: 100%;
		height: 250px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.box-cards {
		width: 100%;
		height: 200px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
</style>